隐藏iPhone上的地址栏

Question

我在网上看到很多关于隐藏地址栏的脚本，通过向下滚动来隐藏它等等。但是我注意到Apple实际上完全隐藏了它，因为它让它消失了！

你的iPhone上的

http://help.apple.com/iphone/5/interface/你会看到栏被移除......

我该怎么做？感谢

Answer 1

他们正在对event.preventDefault()事件进行touchstart并在自己的代码中处理滚动。

Answer 2

他们没有删除它。它的行为方式与Mobile Safari中的其他每个网页的行为方式相同。差异似乎在于他们显示页面本身的方式。如果您在查看该网页时点击状态栏，则会显示导航栏。

我将Safari上的useragent切换到了移动Safari，看起来当你滑动时它们实际上并没有滚动页面，而是设置了溢出的div设置：隐藏;并且你在那个div内滚动而不是页面本身。

（编辑：这似乎是通过向下滚动页面来隐藏栏）

Answer 3

要隐藏地址栏，请使用jQuery并在文档加载时执行以下命令：

jQuery(function($) {
  $('html,body').scrollTop(0)
};

只有当用户触摸屏幕再次出现时，地址栏才会消失并重新出现。