我们每次在做UNIAPP小程序和H5遇到输入框时,总会在测试的时候点击输入框弹出软键盘把页面往上移动,仔细翻读uniapp文档的时候发现了一个属性adjust-position :Boolean类型,作用是键盘弹起时,是否自动上推页面

1.发现将adjust-position属性设置为false。就可以了。前提是vue 页面 softinputMode不能是为 adjustResize

2.这个softinputMode属性在page.json文件中,找到需要修改的页面配置,在app-plus中找到softinputMode属性,uniapp中默认属性值是adjustPan,
在pages.json里该页面注册的style里加上这段代码就能完美解决了

 1"style": {
 2        //手机软键盘升起不让其将页面头部上推
 3        "app-plus": {
 4         "softinputMode": "adjustResize"
 5    }
 6}

AI生成项目
softinputMode的值为adjustResize时,屏幕高度=整个页面高度+软键盘高度,,,为adjustPan时,整个页面高度不变,但键盘弹出后页面会上移

 1{
 2          "path": "xiaoxixq/xiaoxixq",
 3          "style": {
 4            "navigationStyle": "custom"
 5            "app-plus": {
 6              "softinputMode": "adjustResize" //adjustPan窗体高度不变,但窗体上推、adjustResize屏幕高度=webview窗体高度+软键盘高度
 7            }
 8          }
 9}
个人笔记记录 2021 ~ 2025