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

天下之事常成于困约,而败于奢靡。这篇文章主要讲述H5页面关于android软键盘弹出顶起底部元素的解决方案相关的知识,希望能为你提供帮助。
  通过resize方法监听$(this).height(),获取页面高度,成功获得改变后的页面高度,软键盘弹出时隐藏被顶起的页面。

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

【H5页面关于android软键盘弹出顶起底部元素的解决方案】  this是html对象 $(this)是jq对象,调用jq对象的height()方法。

    推荐阅读