隐藏Chrome上的移动浏览器地址栏(android)

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

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

我们隐藏了大多数浏览器上的地址栏(safari和本机android浏览器)这行JavaScript工作正常,但是我们注意到chrome上有一个奇怪的行为,页面确实向下滚动,但是地址栏没有隐藏!在加载页面之后,如果用户用手指向下滚动一点,则地址栏正常隐藏 .

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

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

回答(3)

2 years ago

Chrome for Android(目前尚未添加,然后删除)尚不支持scrollTo(0,1) . 我们确实有FullScreen API,但对于您想要实现的目标而言,这有点过分 .

2 years ago

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

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

Chrome Browser Play Store

2 years ago

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

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