iOS 7 Safari导航栏高度偏移

Question

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

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

Answer 1

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

Answer 2

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

Thread here (scroll down to Safari)

这是未来的功能，所以可能无法帮助您

Answer 3

作为缺少resize（）事件的工作：

var windowInnerHeight = window.innerHeight;

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