-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的发布来解决。