隐藏移动的浏览器地址栏上的 chrome (安卓)

w8biq8rn  于 2023-02-14  发布在  Go
关注(0)|答案(3)|浏览(260)

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

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

我们在大多数浏览器(safari和原生android浏览器)上隐藏了地址栏,这行JavaScript对大多数浏览器来说都很好用,但是我们注意到chrome上有一个奇怪的行为,页面确实向下滚动了,但是地址栏没有隐藏!页面加载后,如果用户用手指向下滚动一点,地址栏会正常隐藏。
我也试过用JS向下滚动所有页面,结果页面完全滚动,地址栏仍然可见...
有人知道是不是有什么窍门我忘了用,或者这个功能在Chrome中根本不存在?

flvlnr44

flvlnr441#

Android版Chrome还不支持scrollTo(0,1)(最近添加了它,然后又删除了)。我们有全屏API,但对于你想要实现的目标来说,这有点困难。

8e2ybdfx

8e2ybdfx2#

看起来Chrome移动的的最新更新(7月22日)打破了工具栏自动隐藏功能。向下滚动页面时,工具栏不再自动隐藏。我的Nexus 4就是这样。
7月22日的更新为平板电脑带来了全屏模式。但我猜他们不小心打破了智能手机的功能。全屏模式以前在智能手机上工作。
Chrome Browser Play Store

dbf7pr2w

dbf7pr2w3#

我发现了如何隐藏地址栏后,第一次点击

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

相关问题