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软键盘弹出顶起底部元素的解决方案的主要内容,如果未能解决你的问题,请参考以下文章