解决uni-app 底部输入框，键盘弹起时页面整体上移问题

我在聊天系统和评论区域都遇到过软键盘把页面顶上去的问题，做聊天系统的时候废了牛鼻子劲才解决页面上移问题，这次做评论功能的时候又遇到了，我觉得以前的方法太麻烦了，想找一个简单的方法，仔细翻读uniapp文档的时候发现了一个属性adjust-position ：Boolean类型，作用是键盘弹起时，是否自动上推页面来源，uniapp官方文档发现将adjust-position属性设置为false。就

Boo_crob

14228人浏览 · 2021-08-13 13:59:40

Boo_crob · 2021-08-13 13:59:40 发布

我在聊天系统和评论区域都遇到过软键盘把页面顶上去的问题，做聊天系统的时候废了牛鼻子劲才解决页面上移问题，这次做评论功能的时候又遇到了，我觉得以前的方法太麻烦了，想找一个简单的方法，仔细翻读uniapp文档的时候发现了一个属性adjust-position ：Boolean类型，作用是键盘弹起时，是否自动上推页面
来源，uniapp官方文档

发现将adjust-position属性设置为false。就可以了。前提是vue 页面 softinputMode不能是为 adjustResize
这个softinputMode属性在page.json文件中，找到需要修改的页面配置，在app-plus中找到softinputMode属性，uniapp中默认属性值是adjustPan，
后续在点击输入框，弹出的软键盘就不会把页面整体往上移了
完结-----散会o(￣▽￣)ブ