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

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

Спасибо!

Answer 1

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

спасибо.

Answer 2

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

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

Answer 3

быстрый и грязный метод JQuery ...

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

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

Answer 4

This page объясняет более актуальный статус «полноэкранный режим».