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" запускается через событие onload элемента body страницы. Как ни странно, когда страница загружается, строка состояния / заголовка скрыта, но не адресная строка.

Как скрыть строку состояния / заголовка и адресную строку при загрузке веб-страницы?

Спасибо!

Answer 1

Для тех из вас, кто использует jQuery, есть еще более простая версия:

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

Answer 2

Разобрался. Оказывается, моя страница должна была быть «длиннее». С абсолютной точки зрения, размер был правильным, но мне нужно добавить пару пикселей внизу. Это скрыло адресную строку по желанию.

Спасибо.

Answer 3

Эта страница объясняет более актуальный статус 'fullscreen'.

Answer 4

Быстрый и грязный метод jQuery ...

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

Это также скрывает полосу, когда человек меняет свою ориентацию (потому что она снова становится видимой в обычном режиме). Просто добавьте это где-нибудь на своей странице, и он автоматически (независимо от 100% высоты / ширины / что угодно) сделает то, что вы ищете. Я не измерил точную высоту адресной строки, но, похоже, она составляет около 70 пикселей. Я положил 300 там, чтобы убедиться, что он работает.