【发布时间】：2011-12-14 22:57:03
【问题描述】：
window.scrollTo(0,1); 的老把戏不起作用。更糟糕的是，地址栏只移动了一点，有时会卡到一半。
【问题讨论】：
标签： iphone ios mobile-safari ios5 address-bar
【发布时间】：2011-12-14 22:57:03
【问题描述】：
在 iOS 7 上，您可以使用 minimum-ui 元标记。不幸的是，它在 iOS 8 中被删除了。
对于 iOS 8，有一个名为 brim 的项目，旨在恢复最小 ui 类型的功能。可以在这里找到：https://github.com/gajus/brim
【讨论】：
我猜代码应该仍然可以工作..
无论如何，这是告诉移动 Safari 您想要全屏的正确方法： click me
例如使用
<meta name="apple-mobile-web-app-capable" content="yes" />
编辑
Apple 使用新的 mobile-ui 属性在 safari 中显示最小 UI：
为视口元标记键添加了一个属性 minimum-ui，它允许在页面加载时最小化 iPhone 上的顶部和底部栏。在使用最小 ui 的页面上，点击顶部栏会返回栏。再次点击内容会再次关闭它们。
像这样使用它：
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />
来源：https://www.perpetual-beta.org/weblog/ios-7-dot-1-mobile-safari-minimal-ui.html
【讨论】：
-
尝试了所有的元标记，我需要在页面加载后隐藏地址栏而不将其添加到主屏幕的旧行为。
-
在我的情况下，只有在我再次将应用程序放在主屏幕上之后，更改才起作用。
-
我希望它能够在不将应用添加到主屏幕的情况下工作，就是这样。
-
如果您的页面没有填满浏览器的整个高度，地址栏将不会隐藏。尝试在某物上设置“高度：100%”。
自 IOS7 以来，window.scrollTo 技巧不再起作用。除了邀请用户将您的网站添加到主屏幕之外，目前没有其他解决方法。
http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review
Is it possible to hide the address bar in iOS 7 Safari?
Impossible to hide navigation bars in Safari iOS 7 for iPhone/iPod touch
【讨论】：
这是我在自己研究这个问题时发现的许多东西的组合。 这是在 iOS5 上正常工作的代码： （我知道我有点晚了，但答案就是答案，希望它可以帮助将来的人）
<!DOCTYPE html>
<html>
<head>
<title>Hide Address Bar</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script>
window.addEventListener("load",function() {
setTimeout(function(){
window.scrollTo(0, 0);
}, 0);
});
</script>
<style>
body { min-height: 480px; }
</style>
</head>
<body>
<h1>Content</h1>
</body>
</html>
【讨论】：
-
对于新的 iPhone 5 显示屏，您必须将最小高度提高一点。我的经验表明 505px 就足够了。根据您的应用程序，您可能希望根据用户的设备动态设置它。
-
除了在 CSS 样式中指定高度之外，您还可以在视口元标记中添加额外的条目。您可以指定高度=设备高度。这样，即使您更改设备的方向，该栏仍将隐藏。