jquery - -webkit-mobile 浏览器位置问题

Question

我正在寻找position:fixed对 ipad/iphone 的修复，我目前正在尝试以下操作，以便我的叠加背景填充整个屏幕。

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

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

Answer 1

仅供参考，根据这篇博文，看起来这个问题也可能会随着 iOS 5 的发布而得到解决。

Answer 2

iScroll 库可能真的会对您有所帮助。虽然，它更倾向于修复溢出：滚动问题，但它也应该解决这个问题。但是，它不会随着任何 DOM 更改而更新。您必须为其编写代码以在任何 DOM 更改时刷新和/或销毁并重新创建 iscroll 对象。

http://cubiq.org/iscroll-4

在该页面上还可以找到： http: //cubiq.org/follow-along-floating-layer

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