h5移动端常见虚拟键盘顶起底部导航栏解决办法

Posted h5it

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了h5移动端常见虚拟键盘顶起底部导航栏解决办法相关的知识,希望对你有一定的参考价值。

在h5移动端开发中相信很多朋友跟我一样都会遇到页面底部导航被虚拟键盘顶起的问题,自己在网上找到的解决办法拿出来与大家分享,有不完美之处还望见谅,有更好的解决办法可以贴出来大家一起互相学习!!

 

 

 

var oHeight = $(document).height(); //浏览器当前的高度
// 浏览器窗口发生变化时判断
$(window).resize(function(){

if($(document).height() < oHeight){

$(‘footer‘).hide();
}else{

$(‘footer‘).show();
}

});













以上是关于h5移动端常见虚拟键盘顶起底部导航栏解决办法的主要内容,如果未能解决你的问题,请参考以下文章

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

移动端键盘顶起遮挡输入框

移动端H5 input输入完成后页面底部留白问题

Vue移动端点击输入框,弹出键盘,底部被顶起的问题

Vue移动端点击输入框,弹出键盘,底部被顶起的问题

移动端H5页面_input获取焦点时,虚拟键盘挡住input输入框解决方法