-webkit-mobile瀏覽器的位置問題

Question

我正在尋找修復ipad/iphone上的position:fixed，我目前正在嘗試以下操作，以便覆蓋背景填充整個屏幕。

if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod') 
    { 
     alert("ipad"); 
     $("#overlay").css({ 
      "position": "static" 
     }); 
    }; 

    $("#overlay").css({ 
     "height": $(window).height()+"px" 
    }); 

Answer 1

iScroll圖書館可能真的會幫助你。雖然它更適合修復overflow：scroll問題，但它也應該解決這個問題。不過，它不更新任何DOM更改。您必須編寫代碼才能刷新和/或銷燬並在任何DOM更改上重新創建iscroll對象。

http://cubiq.org/iscroll-4

該網頁上還發現是這樣的：http://cubiq.org/follow-along-floating-layer

雖然我還沒有測試它自己，它聽起來像它應該做你想要什麼。

Answer 2

僅供參考，基於this blog post，看起來這個問題也可以通過iOS 5的發佈來解決。