美文网首页
uniapp input聚焦软键盘弹出页面上移

uniapp input聚焦软键盘弹出页面上移

作者: ME88 | 来源:发表于2021-12-02 19:45 被阅读0次

在 pages.json 中配置 style

单页配置

"style": { 

"app-plus": { "softinputMode": "adjustResize"}

}

全局配置:

"globalStyle": {

"navigationBarTextStyle": "white", 

"navigationBarBackgroundColor": "#85c5e1",

"backgroundColor": "#F8F8F8",

"app-plus": { "softinputMode": "adjustResize" }

}

App平台软键盘弹出有 adjustResize|adjustPan 两种模式,默认为 adjustPan 模式,小程序平台只支持 adjustPan 模式,H5平台因不同浏览器而异

adjustResize:软键盘弹出时,webview窗体高度挤压。屏幕高度=webview窗体高度+软键盘高度

adjustPan:软键盘弹出时,webview窗体高度不变,但窗体上推,以保证输入框不被软键盘盖住

相关文章

网友评论

      本文标题:uniapp input聚焦软键盘弹出页面上移

      本文链接:https://www.haomeiwen.com/subject/gfluxrtx.html