解决mui h5移动端input弹出键盘，布局整体上移问题

最新推荐文章于 2025-02-19 17:54:48 发布

狗蛋*

最新推荐文章于 2025-02-19 17:54:48 发布

阅读量5.3k

点赞数 2

分类专栏： js

js 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一个在移动端开发中常见的问题：当软键盘弹出时，页面上固定定位的元素（如底部选项卡）会随之上移。通过使用plus.webview.currentWebview().setStyle方法动态调整webview的高度，可以有效解决此问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

mui.plusReady(function() {
var height = document.documentElement.clientHeight || document.body.clientHeight;
plus.webview.currentWebview().setStyle({
height: height
});
window.onresize = function() {
plus.webview.currentWebview().setStyle({
height: height
})
}
})

弹出键盘，会导致固定定位的元素（如底部选项卡）整体往上移动。