H5页面关于android软键盘弹出顶起底部元素的解决方案

Posted 孤舟残月浅笑嫣

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了H5页面关于android软键盘弹出顶起底部元素的解决方案相关的知识,希望对你有一定的参考价值。

  通过resize方法监听$(this).height(),获取页面高度,成功获得改变后的页面高度,软键盘弹出时隐藏被顶起的页面。

var winHeight = $(window).height();   //获取当前页面高度
        $(window).resize(function(){
           var thisHeight=$(this).height();
            if(winHeight - thisHeight >50){
                 //当软键盘弹出,在这里操作
            $(".顶起的页面").hide();
            }else{
                //当软键盘收起,在此处操作
            $(".顶起的页面").show();
            }
        });

  this是html对象 $(this)是jq对象,调用jq对象的height()方法。

以上是关于H5页面关于android软键盘弹出顶起底部元素的解决方案的主要内容,如果未能解决你的问题,请参考以下文章

关于Android弹出软键盘“顶起”View的问题

Android软键盘弹出,覆盖h5页面输入框问题

Android软键盘弹出,覆盖h5页面输入框问题

H5页面在微信中页面被软键盘顶起来

Android 底部按钮被软键盘顶起问题解决

H5软键盘弹起收回(IOS与Android)