首页 文章

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

提问于
浏览
5

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

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

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

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

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

3 回答

  • 10

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

  • 2

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

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

    Chrome Browser Play Store

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

相关问题