iPhone - 在页面加载时隐藏地址栏

Question

我有一个网页，打算加载到一个人的iPhone上。加载页面时，我想隐藏顶部的状态和地址栏。我见过其他网站都这样做。为了实现这一目标，我将以下代码放在我的网页部分中：

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=yes;" />
<script type="text/javascript">
  function page_Load() {
    setTimeout(function() { window.scrollTo(0, 1); }, 100);
  }
</script>

“page_Load”函数是通过页面body元素的onload事件触发的。奇怪的是，当页面加载时，状态/标题栏被隐藏，但不是地址栏。

如果在加载网页时如何隐藏状态/标题栏和地址栏？

谢谢！

Answer 1

对于那些使用jQuery的人来说，这是一个更简单的版本：

$('body').scrollTop(1);

Answer 2

想出来。事实证明我的页面需要“更长”。从绝对的角度来看，尺寸是正确的，但我需要在底部添加几个像素。这会根据需要隐藏地址栏。

谢谢。

Answer 3

快速而又脏的jQuery方法......

$(function() {
    function orientationChange(e) {
        $("body").scrollTop(1);
    }
    $("body").css({ height: "+=300" }).scrollTop(1);
    $(window).bind("orientationchange", orientationChange);
});

当一个人改变方向时，这也会隐藏条形图（因为它确实会再次正常显示）。只需在页面上的某处添加它，它就会自动（无论100％高度/宽度/无论如何）执行您所寻求的操作。我没有测量地址栏的确切高度，但它似乎是70px左右。我把300放在那里只是为了确保它有效。

Answer 4

This page解释了“全屏”的更新状态。