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就會停止。它只會在滾動完成後纔會重新啓動。劇本將運行，並且東西會一次跳過。希望有所幫助。