-webkit移动浏览器位置问题

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库可能真的会对您有所帮助。尽管它更倾向于解决溢出：滚动问题，但它也应该解决这个问题。不过，它不会随DOM的任何更改而更新。您必须为它编写代码，以便在任何DOM更改时刷新和/或销毁并重新创建iscroll对象。

http://cubiq.org/iscroll-4

该页面上还有以下内容：http://cubiq.org/follow-along-floating-layer

虽然我自己还没有测试过，但听起来它应该做你想做的事。

Answer 2

FYI，根据这篇博客文章，这个问题似乎也可以通过iOS 5的发布来解决。