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

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

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

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

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

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

});

原文地址:https://www.cnblogs.com/h5it/p/9176715.html

时间: 2024-10-11 10:59:35

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

Xcode6.1模拟器ios8.1模拟器不能弹出虚拟键盘及虚拟键盘无法切换中文输入的解决办法

1.不能弹出虚拟键盘的解决办法 模拟器菜单Hardware->Keyboard->Connect Hardware Keyboard取消选中,快捷键commad+shift+K 2.虚拟键盘无法切换中文输入法的解决办法 首先.模拟器设置->通用->键盘->键盘->添加新键盘->简体中文(英文环境下:Settings->General->Keyboard->Keyboards->Add New Keyboard->Chinese(Sim

手机浏览器浏览WebApp弹出的键盘遮盖住文本框的解决办法

手机浏览器浏览WebApp弹出的键盘遮盖住文本框的解决办法 最近碰到Android微信内置浏览H5页面,因为其中的文本输入框(input)放置在靠近页面的中下方,点击文本框以后,则输入框会被弹出的手机输入法键盘遮盖住. 找到一段js代码直接解决之,点击时强制滚动之,好像也解决了在Android浏览器下浏览的同样问题. 1 if(/Android [4-6]/.test(navigator.appVersion)) { 2 window.addEventListener("resize"

移动端底部导航栏固定——兼容IOS

问题:移动端前端底部导航栏设计 兼容安卓下的各种浏览器和IOS自带的Safari,但是不兼容苹果下的 钉钉. 具体代码格式: <body> <!-- 头部导航栏 --> <div class="header">内容</div> <!-- 内容 --> <div class="content">内容</div> <!-- 底部导航栏 --> <div class=&q

IOS系统下虚拟键盘遮挡文本框问题的解决

最近在项目中发现同样的代码在Android端微信网页中点击文本框唤出的虚拟键盘不会遮挡文本框,但是在IOS端的微信网页中点击文本框唤出的键盘却在大部分情况下会遮挡文本框 经过高人指点,这个问题终于解决了 下面说说解决办法: 主要代码 document.body.scrollTop = document.body.scrollHeight; 然后在文本框获取焦点的时候,可以定义一个计时器,一直执行上面的那句话 在文本框失去焦点的时候,就把之前的计时器清除掉即可 js写法: let interval

常见的Linux下的段错误 及解决办法

一.段错误 所谓的段错误就是指访问的内存超出了系统所给这个程序的内存空间,通常这个值是由gdtr来保存的,他是一个48位的寄存器,其中的32位是保存由它指向的gdt表,后13位保存相应于gdt的下标,最后3位包括了程序是否在内存中以及程序的在cpu中的运行级别,指向的gdt是由以64位为一个单位的表,在这张表中就保存着程序运行的代码段以及数据段的起始地址以及与此相应的段限和页面交换还有程序运行级别还有内存粒度等等的信息.一旦一个程序发生了越界访问,cpu就会产生相应的异常保护,于是segment

android 弹起键盘把ui顶上去的解决办法

键盘输入框上面的ui布局必须为Relative相对布局.然后设置 <activityandroid:name=".activity.HomeActivity"Android:windowSoftInputMode="adjustPan|stateHidden"></activity>

虚拟Linux服务器不能获取IP的解决办法

环境:Win7 X64系统→VMware Workstation →CentOS 64背景:安装Linux虚拟几天了,一向很正常的虚拟机在电脑重启后不能获取IP.解决途径:百度搜索问题解决方法: 1.检查VMware Workstation →CentOS 64设置中Network Adapte选项NAT是否勾选. 2.打开控制面板→程序和功能,选择打开或关闭Windows功能,将Internet信息信息服务中的IIS选项勾选. 3.重启.

解决点击锚点置顶内容被导航遮住

工作中我第一次遇到这种情况,因为是接手公司的老项目,在原来项目的基础上修改,而且这项目里的相应文件都非常乱,结构.样式.行为都不分离的,处理起来有点棘手,看着代码脑袋都疼:由于点击锚点,内容会默认置顶,被导航栏遮住.一开始我都在网上找解决的方案,但是后来,我还是选择了一个比较笨的办法,就是将锚点所在的元素独立出来如下: <a name="anchor" style="display:block;height:44px;margin-top:-44px;">

常见浏览器兼容性问题及解决办法总结(持续更新中...)

1. 不同浏览器的标签默认的外补丁( margin )和内补丁(padding)不同: 解决办法:在CSS文件开头,加*{margin: 0; padding: 0;},把所有标签的margin和padding设置为0即可. 2. 在IE6中,块元素设置float并且有水平方向的margin时,margin显示出来会比设置的值大,会导致最后一块元素被顶到下面去: 解决办法:可以将块级元素display设置为inline. 3. 在IE6,IE7等浏览器,标签高度小于10px时,实际的高度会超出设