5

我们有一个网站，其中有一个简单的 JavaScript

<body onLoad="setTimeout(function() {window.scrollTo(0, 1)}, 100);">

我们在大多数浏览器（safari 和原生 android 浏览器）上隐藏了地址栏，这行 JavaScript 对大多数人来说都可以正常工作，但我们注意到 chrome 上有一个奇怪的行为，页面确实向下滚动，但地址栏并没有隐藏！页面加载完成后，如果用户用手指向下滚动一点，地址栏会正常隐藏。

我也试过用JS向下滚动所有页面，页面完全滚动的结果，地址栏仍然可见......

任何人都知道是否有一些我忘记使用的技巧，或者这个功能在 Chrome 中根本不存在？

4

3 回答 3

10

Android 版 Chrome 尚不支持 scrollTo(0,1)（它是最近添加的，然后被删除）。我们确实有 FullScreen API，但这对于您想要实现的目标来说有点笨拙。

于 2013-07-28T20:55:11.120 回答
2

似乎 Chrome Mobile 的最新更新（7 月 22 日）打破了工具栏自动隐藏功能。向下滚动页面时，工具栏不再自动隐藏。我的 Nexus 4 就是这种情况。

7 月 22 日更新为平板电脑带来全屏模式。但我猜他们不小心破坏了智能手机的功能。全屏模式以前在智能手机上工作。

Chrome 浏览器 Play 商店

于 2013-07-28T10:02:34.893 回答
0

我找到了第一次点击后如何隐藏地址栏的方法

if (document.body.webkitRequestFullScreen) {
  window.addEventListener('click', function(e) {
    if (e.target.type != 'text' && e.target.type != 'password') {
      body.webkitRequestFullScreen();
      window.setTimeout(function() {
        document.webkitCancelFullScreen();
      }, 500);
    }
  }, false);
}
于 2014-01-27T13:53:57.513 回答