文章/答案/技术大牛

发布

社区首页 >问答首页 >iOS 7 Safari导航栏高度偏移

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

Stack Overflow用户

提问于 2013-09-23 11:36:07

回答 3查看 25K关注 0票数 13

因此，在Safari6和更早的版本中，iOS底部的导航栏被固定在纵向模式下，并且没有消失。因此，如果你想要一个100%高的文档是真正的全屏，你必须增加一个额外的60px，这样你就可以向上滚动它，并隐藏地址栏。

现在，在带有消失的导航栏和可调整大小的地址栏的iOS 7中，您将如何创建一个高度为100%的文档？换句话说，我希望能够向上滚动文档，使导航栏消失，地址栏向下调整到最小版本，然后文档高度填满剩余部分(窗口高度减去100px左右)，这样您就不能再滚动了。

safari

ios7

jquery

html

css

回答 3

Stack Overflow用户

发布于 2013-09-25 15:00:25

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

票数 8

Stack Overflow用户

发布于 2013-12-18 16:46:13

在iOS 7.x测试版中，有一个名为"minimal-ui“的新meta属性，看起来它将在没有任何黑客攻击的情况下提供此功能。

Thread here (scroll down to Safari)

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

票数 5

Stack Overflow用户

发布于 2013-10-25 22:17:34

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

var windowInnerHeight = window.innerHeight;

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

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/18951432

复制

相似问题

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

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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