手机端 position:fixed;不兼容问题

[jbx_jiebaixue]

写了一个底部的按钮浮动，然后页面中有文本域textarea，当选中textarea输入内容出现小键盘时，底部的浮动会跑上来，android手机也会跑上来，但是会定在小键盘上面，而ios中，浮动的位置就会错乱，在textarea上 下 中间，位置都可能发生，不知道为啥，好奇怪，请各位大侠路过的停下脚步帮忙看看，找了好久的解决办法都不行，大侠们帮帮忙吧 ，先谢谢啦！上传一张图片请大家看看，再次感谢先

[save4me]

参考: Quick jQuery hack to fix position:fixed toolbars in iPhone/iPad/iPod Touch 在IPhone,IPad页面使用position: static;，如果用了jQuery，上面的文章提供了代码:

//stick the footer at the bottom of the page if we're on an iPad/iPhone due to viewport/page bugs in mobile webkit 
if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod') 
{ 
     $("#footer").css("position", "static"); 
};

[jbx_jiebaixue]

save4me 你好，我试了一下，iPhone5以上没问题，可以设置，我用的是touch来测，但是bug依然存在，您知道如何判断touch吗，我用你的，改成一个if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod' || navigator.platform == 'iTouch') 呵呵，貌似不可以这样 ，应为没起作用

[save4me]

你试一下下面的代码看看

//stick the footer at the bottom of the page if we're on an iPad/iPhone due to viewport/page bugs in mobile webkit 
if(/iphone|ipad|ipod/i.test(navigator.userAgent)) 
{ 
     $("#footer").css("position", "static"); 
};

引用 3 楼 jbx_jiebaixue 的回复:

save4me 你好，我试了一下，iPhone5以上没问题，可以设置，我用的是touch来测，但是bug依然存在，您知道如何判断touch吗，我用你的，改成一个if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod' || navigator.platform == 'iTouch') 呵呵，貌似不可以这样 ，应为没起作用

[jbx_jiebaixue]

@save4me 谢谢您 我找到了这个if (/ipad|iphone|mac/i.test(navigator.userAgent)){} 问题解决的算是可以了

[save4me]

不客气，很高兴问题解决了

引用 5 楼 jbx_jiebaixue 的回复:

@save4me 谢谢您 我找到了这个if (/ipad|iphone|mac/i.test(navigator.userAgent)){} 问题解决的算是可以了

[fien]

引用 5 楼 jbx_jiebaixue 的回复:

@save4me 谢谢您 我找到了这个if (/ipad|iphone|mac/i.test(navigator.userAgent)){} 问题解决的算是可以了

现在遇到同样烦恼的事，头部菜单需要固定不动，但是当iphone5上面滑动页面就掉下来了，请问下 $("#footer").css("position", "static"); 这个表示是默认定位，这样能固定住footer吗？

[u014292966]

解决没，求解

[码农先生]

O(∩_∩)O谢谢！

引用 2 楼 save4me 的回复:

参考: Quick jQuery hack to fix position:fixed toolbars in iPhone/iPad/iPod Touch 在IPhone,IPad页面使用position: static;，如果用了jQuery，上面的文章提供了代码:

//stick the footer at the bottom of the page if we're on an iPad/iPhone due to viewport/page bugs in mobile webkit 
if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod') 
{ 
     $("#footer").css("position", "static"); 
};