jquery - iOS 7 Safari 导航栏高度偏移

Question

所以在 iOS 6 及更早的版本中，Safari 底部的导航栏被固定为纵向模式，并没有消失。因此，如果您想要一个 100% 高度的文档是真正的全屏，您必须添加额外的 60 像素，以便您可以向上滚动并隐藏地址栏。

现在在 iOS 7 中，导航栏和地址栏都消失了，你将如何创建一个 100% 高度的文档？换句话说，我希望能够向上滚动文档，以便导航栏消失，地址栏调整为迷你版，然后文档高度将填充其余部分（窗口高度减去 100px 左右），这样你无法进一步滚动。

Answer 1

看起来简单地添加额外高度的传统方法仍然有效，但现在添加的值似乎是 69px 而不是 60px。

Answer 2

在 iOS 7.x 测试版中，有一个名为“minimal-ui”的新元属性，看起来它将提供此功能而无需任何黑客攻击。

线程在这里（向下滚动到 Safari）

这是未来的功能，因此可能对您没有帮助

Answer 3

作为缺少 resize() 事件的解决方法：

var windowInnerHeight = window.innerHeight;

setInterval(function() {
    if (windowInnerHeight != window.innerHeight) {
        windowInnerHeight = window.innerHeight;
        resize();
        window.scrollTo(0, 0);
    }
}, 500);