如题。
代码是2015年8月15日最新Hello Mui。手机是红米2A，安卓4.4。
在webview选项卡这个页面，加上一个input输入框。点击输入框弹出的键盘会把底部的选项卡撑上来。
IOS上没有这个问题。
截图如下：
原因似乎是因为底部的选项卡是绝对定位，bottom为0，键盘弹出之后，整个屏幕的高度被缩小，导致被撑起来。
目前有个临时解决方案：
把绝对定位的元素由bottom改为top，值需要根据设备动态计算。
Arsenal
- 发布：2015-08-16 19:04
- 更新：2018-06-02 22:12
- 阅读：9724
王者地带 - 5+混合APP开发教程网 | http://www.html5-app.com | 咨询QQ: 2564034335
看到有人已经解决了 http://ask.dcloud.net.cn/article/847
蔡繁荣 - 发表是最好的记忆
也可以隐藏
window.addEventListener('resize', function() {
document.getElementById("tabbar").style.display = document.body.clientHeight <= 400 ? 'none' : 'block';
}, false);
亲测可用:如果是单页面出现的问题，可以使用
mui.plusReady(function() {
//设置bottom绝对位置
document.getElementById('bottomx').style.top = (plus.display.resolutionHeight - 50) + "px";
});
这个已经很好的解决了这个问题：
http://ask.dcloud.net.cn/article/12583
-
-
-
-
回复 Native_O:能上一下代码么，我这边测试确实是没有问题的，你修改子页面webview高度的时候，子页面的webview高度应该是父页面的webview高度减去导航栏的高度。
2017-06-20 18:03
-
我是用这个可以，
var heigh=plus.display.resolutionHeight; 第一次打开页面记录屏幕高，
window.addEventListener('resize', function()
{
//当打开输入法，屏幕会被压缩，此时的高比原因的高很多
//var top=document.querySelector(".footers").currentStyle.bottom;
if(heigh==plus.display.resolutionHeight)
{
document.getElementById("footer").style.display='block';
}
else
{
document.getElementById("footer").style.display='none';
}
}, false);2017-06-27 14:00
mui.plusReady(function() {
var height = (plus.display.resolutionHeight - 95) + "px"
subpages = ['1.html', '2.html', '3.html', '4.html'];
var subpage_style = {
top: '45px',
bottom: '51px',
height: height
};
})
这个可以
mui.plusReady(function() {
var height = (plus.display.resolutionHeight - 95) + "px"
subpages = ['1.html', '2.html', '3.html', '4.html'];
var subpage_style = {
top: '45px',
bottom: '51px',
height: height
};
})
这个可以
