Question

我知道这样做的一种方法。

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

但这仅适用于页面足够大才能滚动的情况。如果页面适合屏幕，则上述功能不起作用。在这种情况下如何隐藏地址栏？我需要让它与iphone，ipad，android设备一起使用。

Answer 1

也许你可以将身体的最小高度设置得更大。 480px 垂直模式下的屏幕高度+ 60px 地址栏高度= 540px。

示例：

body { min-height:540px; }     
body[orient="portrait"] { min-height:540px; }
body[orient="landscape"] { min-height:400px; }

Answer 2

<强> iPhone：

仅在移动“app”添加到主屏幕时才能使用（通过加号图标 - >添加到主屏幕）

<meta name="apple-mobile-web-app-capable" content="yes" />

我没有其他移动操作系统的经验，但快速谷歌搜索隐藏浏览器网址栏安卓导致了类似的解决方案，使用window.scrollTo。

Answer 3

来自http://mobile.tutsplus.com/tutorials/mobile-web-apps/remove-address-bar/我找到了

function hideAddressBar() {
  if(!window.location.hash) {
    if(document.height < window.outerHeight)
      document.body.style.height = (window.outerHeight + 50) + 'px';
    setTimeout( function(){ 
        window.scrollTo(0, 1); 
        document.body.style.height = 'auto'; 
      }, 50 );
  }
}

有点修改

在某些浏览器中效果很好，但至少我无法让它运行Android Chrome。

Answer 4

只需添加＆＃39; BR＆＃39;在页面的末尾。或者您可以将jqueryUI与div height 100%

一起使用

隐藏移动设备浏览器中的地址栏

4 个答案: