Ipad的javascript固定定位問題

Question

嗨，這是我在這里的第一個問題，希望我能得到幫助，並且答案也對其他人有所幫助。

我必須將標題div元素放置在頁面頂部，以便在正文內容在其下方滾動時保持固定。 在台式機和iPad 2上都可以很好地工作，但是當我在Safari上對iPad 1進行測試時，它表現得很奇怪。 首先，您會滾動整個頁面，就像沒有定義要固定的標題一樣，但是在第二次滾動時，標題保持固定。 我正在使用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

提前致謝...：）

Answer 1

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

Answer 2

@Chris Koo是正確的，只有在更高版本的iOS中才支持固定位置，但是還有另一個問題：當用戶在iPad上滾動時JavaScript被“暫停”，這使得基於滾動或滾動位置的功能成為問題。

一旦用戶開始滾動或按住手指不滾動，JS就會停止。 僅在滾動完全完成后才重新啟動。 然后，腳本將運行，並且所有內容將立即跳轉。 希望能有所幫助。