点击输入框时，底部导航栏被键盘顶起来了

分类：MUI

点击输入框时，底部导航栏被键盘顶起来了，如何把底部导航栏固定在底部

2017-08-12 17:14 负责人:无分享

7 个回复

最佳回复

n***@gmail.com

解决软键盘弹起顶出底部选项卡文章

px15229

被顶起来是因为软键盘在部分手机上会把webview顶上去，缩小高度了。可以通过监听窗口的resize事件，重新设置webview的高度。参考下面的代码，可以直接放到页面使用的。
//获取原始窗口的高度
var originalHeight=document.documentElement.clientHeight || document.body.clientHeight;

        window.onresize=function(){  

            //软键盘弹起与隐藏  都会引起窗口的高度发生变化  
            var  resizeHeight=document.documentElement.clientHeight || document.body.clientHeight;  

            if(resizeHeight*1<originalHeight*1){ //resizeHeight<originalHeight证明窗口被挤压了  

                    plus.webview.currentWebview().setStyle({  
                        height:originalHeight  
                    });  

              }  
        }