IPhone - Скрыть адресную строку при загрузке страницы

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

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

Спасибо!

Ответы

Ответ 1

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

Спасибо.

Ответ 2

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

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

Ответ 3

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

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

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

Ответ 4

Эта страница объясняет более современный статус "полноэкранного режима".