所以在 iOS 6 及更早的版本中,Safari 底部的导航栏被固定为纵向模式,并没有消失。因此,如果您想要一个 100% 高度的文档是真正的全屏,您必须添加额外的 60 像素,以便您可以向上滚动并隐藏地址栏。
现在在 iOS 7 中,导航栏和地址栏都消失了,你将如何创建一个 100% 高度的文档?换句话说,我希望能够向上滚动文档,以便导航栏消失,地址栏调整为迷你版,然后文档高度将填充其余部分(窗口高度减去 100px 左右),这样你无法进一步滚动。
看起来简单地添加额外高度的传统方法仍然有效,但现在添加的值似乎是 69px 而不是 60px。
作为缺少 resize() 事件的解决方法:
var windowInnerHeight = window.innerHeight;
setInterval(function() {
if (windowInnerHeight != window.innerHeight) {
windowInnerHeight = window.innerHeight;
resize();
window.scrollTo(0, 0);
}
}, 500);