在Chrome上隱藏移動瀏覽器地址欄（android）

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瀏覽器Play商店

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 個解決方案

解決方案1
10 已采納 2013-07-28 20:55:11

解決方案2
2 2013-07-28 10:02:34

解決方案3
0 2014-01-27 13:53:57

在Chrome上隱藏移動瀏覽器地址欄（android）

問題描述

3 個解決方案

解決方案1 10 已采納 2013-07-28 20:55:11

解決方案2 2 2013-07-28 10:02:34

解決方案3 0 2014-01-27 13:53:57

解決方案1
10 已采納 2013-07-28 20:55:11

解決方案2
2 2013-07-28 10:02:34

解決方案3
0 2014-01-27 13:53:57