Question

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

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

我们隐藏了大多数浏览器上的地址栏（safari和本机android浏览器）这行JavaScript工作正常，但是我们注意到chrome上有一个奇怪的行为，页面确实向下滚动，但地址栏没有别隐藏！加载页面后，如果用户用手指向下滚动一点，地址栏会正常隐藏。

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

任何人都知道我是否忘记使用某种技巧，或者Chrome中是否存在此功能？

Answer 1

Chrome浏览器Android版尚未支持scrollTo（0,1）（最近已添加，然后删除）。我们确实拥有FullScreen API，但对于您想要实现的目标而言，这有点苛刻。

Answer 2

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

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

Chrome Browser Play Store

Answer 3

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

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);
}

在Chrome上隐藏移动浏览器地址栏（android）

3 个答案: