开发html5页面，在安卓机上的时候，点击顶部搜索框，出来的键盘会把底部导航顶上去

Question

1. 现在这是我的一种解决办法，可以解决这个问题，但是有一个bug,就是点击其他主界面的时候，键盘会闪出来一下
   mui.plusReady(function() {

   document.getElementById('bottomx').style.top = (plus.display.resolutionHeight - 50) + "px";

   });

2. 有没有什么解决办法?

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

点击搜索框时隐藏底部导航，搜索框脱焦时再显示底部导航 （focus和blur事件）

由于fixed定位引起的，网上资料很多，也可以自行搜索

Answer 3

我们公司在开发webApp的时候也是这样，不过也算是正常的，因为如果底部有输入框的话，如果键盘没有把他顶上去，就会遮挡你输入的内容，所有并没有做修改。