即使在向上拖动时,如何隐藏移动野生动物园的地址栏?

时间:2012-05-06 00:06:30

标签: javascript jquery mobile safari webkit

我知道有很多这方面的话题,但没有一个能像Twitter / Google那样做。

在iphone上转到m.twitter.com 4.拖动时,请注意网址栏永远不会出现。除非您将Twitter的导航栏拖到顶部...然后会显示网址栏。

如何做到这一点?

2 个答案:

答案 0 :(得分:0)

滚动窗口就够了。我在一些生产代码中使用了以下内容。

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

编辑:这不会阻止URL栏出现,但在页面加载时不会显示。完全没有显示我所知道的地址栏的唯一方法是通过元标记制作网页(单个网页,思维 - 不允许URL导航)“启用webapp”,并让用户将其添加到他们的主屏幕。然后,该快捷方式将打开一个没有任何铬的Safari变种。

答案 1 :(得分:0)

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

现在尝试触摸并向下拖动按钮栏,您会注意到iPhone地址栏实际显示在页面顶部。通过在页面加载时向下滚动整个界面(如所描述的AKX)并在整个页面上分别响应时间轴上的拖动事件,您会发现他们已经找到了一种消除地址栏的方法实际上是这样的。