13

window.scrollTo(0,1); 的老把戏 不起作用。更糟糕的是，地址栏只移动了一点，有时会卡到一半。

4

4 回答 4

29

这是我在为自己研究这个问题时发现的许多事情的组合。这是在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>

资料来源：http: //24ways.org/2011/raising-the-bar-on-mobile

示例：http: //jsbin.com/isenax/

于 2012-02-26T22:13:58.503 回答
13

我想代码应该仍然有效..

无论如何，这是告诉移动 safari 你想要全屏的正确方法： 点击我

例如使用

<meta name="apple-mobile-web-app-capable" content="yes" />

编辑

Apple 使用新的 mobile-ui 属性在 safari 中显示最小的 UI：

已为视口元标记键添加了一个属性 minimum-ui，该属性允许在页面加载时最小化 iPhone 上的顶部和底部栏。在使用最小用户界面的页面上，点击顶部栏会返回栏。回击内容会再次关闭它们。

像这样使用它：

<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

于 2011-10-25T14:47:05.127 回答
5

自IOS7以来，该window.scrollTo技巧不再起作用。除了邀请用户将您的网站添加到主屏幕之外，目前没有其他解决方法。

http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review

是否可以在 iOS 7 Safari 中隐藏地址栏？

无法在 iPhone/iPod touch 的 Safari iOS 7 中隐藏导航栏

于 2013-10-16T16:14:42.370 回答
1

在 iOS 7 上，您可以使用 minimum-ui 元标记。不幸的是，它在 iOS 8 中被删除了。

对于 iOS 8，有一个名为 brim 的项目应该带回最小 ui 类型的功能。可以在这里找到：https ://github.com/gajus/brim

于 2015-05-28T20:52:35.440 回答