问题 iOS 7 Safari导航栏高度偏移

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

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

5195

2017-09-23 03:36

起源

是否这个有帮助吗？ - Ojame

当浏览器页脚出现并消失时，IOS7 Safari不会触发调整大小事件，因此您可能运气不佳。我确信jquery移动团队正在开发一种解决方法，但是现在你可能只需重新考虑你的方法。 - Blazemonger

也可以看看本文。 - Blazemonger

答案:

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

2017-09-25 07:00

真棒。这个从60到69的小修复工作适用于我遇到的问题。 - lislis

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

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

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

2017-12-18 08:46

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

var windowInnerHeight = window.innerHeight;

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

2017-10-25 14:17

问题 iOS 7 Safari导航栏高度偏移

答案:

热门问题