-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

仅供参考，基于this blog post，看起来这个问题也可以通过发布iOS 5来解决。