javascript固定定位问题与Ipad

Question

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

我必须在页面顶部放置一个标题div元素，以便它随着主体内容在其下滚动而保持固​​定。这一切在桌面和iPad 2上运行良好，但是当我在Safari 1上测试iPad 1时，它的行为很奇怪。起初你可以滚动整个页面，因为没有定义头部的定义，但在第二次滚动时头部保持固定。我使用fixedc定位一个CSS定义，也thisw jQuery的破解，我已阅读它的有用...

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

这是实际工作网站的URL ...

http://176.9.5.243/~marin/iQabinet

在此先感谢... :)

Answer 1

位置固定的CSS功能仅支持iOS的版本> = 5.x的

Answer 2

@克里斯古永锵是正确的位置固定仅在iOS的更高版本中受支持，但也存在另一个问题：当用户在iPad上滚动时，JavaScript被“暂停”，使得基于滚动或滚动位置的功能成为问题。

只要用户开始滚动或按住滚动时，JS就会停止。它只会在滚动完成后才会重新启动。剧本将运行，并且东西会一次跳过。希望有所帮助。