Question

做html5 页面 在安卓手机上键盘 把底部导航顶上去了 怎么解决

Answer 1

估计导航用的fixed定位吧，

var windheight =window.innerHeight;         
 var bottomx = document.getElementById('bottomx'); //底部导航
   window.onresize(function(){    var docheight = window.innerHeight;         
    if(docheight < windheight){            
        bottomx.style.position = 'static';
    }else{
        bottomx.style.position = 'fixed';
    }     
   })

Answer 2

你底部用的一定是fixed定位吧...你可以再文本框获取焦点事件的时候把底部导航隐藏或者改成absolute

Answer 3

1.html

<nav class="mui-bar mui-bar-tab">
<a id="next" href="#">
<div style="background-color: #F29700;text-align: center;padding-top: 15px;padding-bottom: 15px;">
<span style="color: #FFFFFF;font-size: 15px;">下一步</span>
</div>
</a>
</nav>
2.js
var h = document.body.scrollHeight;
window.onresize = function(){
if (document.body.scrollHeight < h) {
document.getElementsByTagName("nav")[0].style.display = "none";
}else{
document.getElementsByTagName("nav")[0].style.display = "block";
}
};