如何隐藏移动野生动物园的地址栏不显示，即使向上拖动也是如此

Question

我知道有很多关于这个的话题，但没有一个像Twitter/Google那样做。

转到iPhone 4上的 m.twitter.com。 拖动时，请注意 url 栏永远不会出现。 除非你把推特的导航栏拖到顶部......然后出现网址栏。

如何做到这一点？

Answer 1

通过滚动窗口恰到好处。我在某些生产代码中使用了以下内容。

if(/andro|iP[ha]/i.exec(navigator.userAgent) && !location.hash) scrollTo(0, 1);

编辑：这根本不会阻止URL栏出现，但在页面加载时不可见。完全不显示我知道的地址栏的唯一方法是通过元标记使网页（单个网页，注意 - 不允许 URL 导航）"启用 webapp"，并让用户将其添加到他们的主屏幕。然后，该快捷方式将打开没有任何chrome的Safari变体。

Answer 2

Twitter使用的技巧是在设计他们的网站时了解大多数用户可能抓取页面的哪个部分。 在大多数用例中，您将向下滚动Twitter流，从而使按钮栏保持顶部完好无损。

现在尝试触摸并向下拖动按钮栏，您会注意到iPhone地址栏实际上出现在页面顶部。 通过在页面加载时向下滚动整个界面（如 AKX 描述的那样）并独立于整个页面响应时间轴上的拖动事件，您会感觉到他们已经找到了一种方法来消除地址栏，而实际情况并非如此。