IOS系统对fixed定位支持不好的解决方法
2014-07-31 14:53
561 查看
问题:
IOS 中所有浏览器,当页面上的输入框获得焦点时,呼出键盘。页面底部的导航栏(position:fixed)会被键盘顶到页面的中间。
而当输入框失去焦点时,导航栏停留在页面中间,造成页面错乱。
原因:
IOS系统,对position:fixed支持不好。解决:
输入框失去焦点时,让页面滚动1px。代码:
$(function(){ // 输入框事件绑定 $('input').on('focus', function () { setTimeout(function () { $('#panel_nav').css('position', 'static'); }, 100); }).on('blur', function () { setTimeout(function () { $('#panel_nav').css('position', 'fixed'); // 让滚动条滚动1次 window.scroll(0, $(window).scrollTop() + 1); }, 100); }); });
$('#panel_nav') 为页面底部的导航栏
相关文章推荐
- IOS系统对position:fixed支持不好的解决方法
- 移动端 position:fixed; 定位在iOS系统上失效,该怎么解决
- iOS系统和微信中不支持audio自动播放问题的解决方法
- 解决IE6不支持position:fixed的方法,非常简单
- linux 乱码 及解决方法 locale 可以利用iconv -l 来查看linux系统都支持哪种编码格式
- 安装程序无法创建新的系统分区,也无法定位现有系统分区的解决方法
- 解决在VMware中安装64位系统时“此主机具有虚拟化支持能力的,但虚拟化技术被禁用”的方法
- 解决在VMware中安装64位系统时“此主机具有虚拟化支持能力的,但虚拟化技术被禁用”的方法
- 解决在VMware中安装64位系统时“此主机具有虚拟化支持能力的,但虚拟化技术被禁用”的方法
- 解决在VMware中安装64位系统时“此主机具有虚拟化支持能力的,但虚拟化技术被禁用”的方法
- 解决在VMware中安装64位系统时“此主机具有虚拟化支持能力的,但虚拟化技术被禁用”的方法
- 编译android系统提示不支持64位系统的解决方法
- U盘做系统时显示“安装程序无法定位现有系统分区,也无法创建新的系统分区”的解决方法
- IE6不支持position:fixed的解决方法
- IE6不支持position:fixed的解决方法
- 解决在VMware中安装64位系统时“此主机具有虚拟化支持能力的,但虚拟化技术被禁用”的方法
- 解决在VMware中安装64位系统时“此主机具有虚拟化支持能力的,但虚拟化技术被禁用”的方法
- 2003系统不支持易语言内存皮肤解决方法
- win7安装系统出现“安装程序无法创建新的系统分区,也无法定位现有的系统分区”解决方法
- 打开*.HLP时,系统提示"*.hlp是为此Windows版本不支持的语言创建的"的解决方法!