jpad修复了Ipad的定位问题

时间:2013-03-03 08:23:22

标签: javascript ipad positioning fixed

嗨,这是我在这里的第一个问题,我希望我会得到帮助,答案对其他人也有帮助。

我必须在页面的顶部放置一个标题div元素,以便在主体内容在其下滚动时保持固定。这一切在台式机和iPad 2上运行良好,但是当我在Safari中测试iPad 1时,它表现得很奇怪。首先你cvan滚动整个页面,就像没有要修复的标题的定义,但在第二个滚动标题保持固定。我正在使用CSS定义进行fixedc定位,而且这个jQuery hack我已经读过它有用了...

`<script type="text/javascript">
jQuery(document).ready(function($) {
if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod')
{
$("#fixed").css("position", "static");
};
});
</script>`

这是实际网站的网址......

http://176.9.5.243/~marin/iQabinet

提前致谢...:)

2 个答案:

答案 0 :(得分:0)

位置固定css功能仅支持iOS版本&gt; = 5.x

答案 1 :(得分:0)

@Chris Koo是正确的,固定的位置仅在iOS的更高版本中受支持,但还有另一个问题:当用户在iPad上滚动时,JavaScript被“暂停”,使得基于滚动或滚动位置的功能成为问题。

一旦用户开始滚动或手指向下滚动,JS就会停止。滚动完成后,它才会重新启动。然后脚本将运行,东西将立即跳转。希望有所帮助。