问如何隐藏iPhone上的地址栏？

EN

我只是自己撞到的。如果地址栏没有隐藏，原因可能只是页面不够长，无法滚动。

当

window.scrollTo(0,1)

名为“页”必须比窗口更长，这样才能发生滚动事件。

只有当滚动发生时，移动safari才会隐藏地址栏。

更新： Apple 删除支持iOS 8中的minimal-ui，因此这不再是一个有用的答案:(

对于新的谷歌用户来说:截至iOS 7.1，有一种新的minimal-ui模式可以在移动Safari上工作：

​

​

通过在viewport上设置minimal-ui属性来启用它：

<meta name="viewport" content="minimal-ui">

您还可以将其与其他属性结合使用，如：

<meta name="viewport" content="width=device-width, minimal-ui">

值得注意的是，没有scrollTo黑客那样的最小内容长度要求。对于这种新的模式这里有一个很好的概述。(这就是上面的图像的来源。)他还列举了一些缺点。

我能在这上面找到的唯一的官方文档是苹果的iOS 7.1发布说明中的一个注释。

已经为viewport标记键添加了一个属性minimal，该属性允许在页面加载时最小化iPhone上的顶部和底部条。当页面上使用最小的用户界面时，点击顶部的栏会使条形图返回。在内容中回击，再一次解雇他们。 例如，使用<meta name="viewport" content="width=1024, minimal-ui”>。

当然，由于只在iOS 7.1和以上工作，它的用处可能是有限的。

除非在最近的iOS版本中发生了一些变化，向下滚动技巧是唯一可靠工作的方法，我对这个版本没有任何问题。

/mobile/i.test(navigator.userAgent) && !location.hash && setTimeout(function() {
  window.scrollTo(0, 1);
}, 1000);​

不过，对于这个特定页面，我并不关心任何其他移动平台，它是基于agent...you重定向的，它可能希望更改regex来检查iPhone，例如用/iPhone/替换/mobile/。