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

2021-12-02  本文已影响0人  ME88

在 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窗体高度不变,但窗体上推,以保证输入框不被软键盘盖住

上一篇 下一篇

猜你喜欢

热点阅读