码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2018-10-28 11:17:06      阅读:678      评论:0      收藏:0      [点我收藏+]

标签:this   span   android   func   show   lse   页面   底部   hide   

  通过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软键盘弹出顶起底部元素的解决方案

标签:this   span   android   func   show   lse   页面   底部   hide   

原文地址:https://www.cnblogs.com/qingsong/p/9864104.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!