Ответ 1
Выяснил это. Оказывается, моя страница должна быть "длиннее". С абсолютной точки зрения размер был правильным, но мне нужно добавить пару пикселей внизу. Это спрятало адресную строку по желанию.
Спасибо.
У меня есть веб-страница, предназначенная для загрузки на 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 страницы. Как ни странно, когда страница загружается, строка состояния/заголовка скрыта, но не адресная строка.
Как скрыть строку состояния/заголовка и адресную строку при загрузке веб-страницы?
Спасибо!
Выяснил это. Оказывается, моя страница должна быть "длиннее". С абсолютной точки зрения размер был правильным, но мне нужно добавить пару пикселей внизу. Это спрятало адресную строку по желанию.
Спасибо.
Для тех из вас, кто использует jQuery, еще более простая версия:
$('body').scrollTop(1);
Быстрый и грязный метод jQuery...
$(function() {
function orientationChange(e) {
$("body").scrollTop(1);
}
$("body").css({ height: "+=300" }).scrollTop(1);
$(window).bind("orientationchange", orientationChange);
});
Это также скрывает панель, когда человек меняет ориентацию (потому что он становится видимым снова нормально). Просто добавьте это где-нибудь на свою страницу, и оно будет автоматически (независимо от 100% высоты/ширины/всего) делать то, что вы ищете. Я не измерил точную высоту адресной строки, но, похоже, она составляет около 70 пикселей. Я ставлю 300 там, чтобы убедиться, что он работает.
Эта страница объясняет более современный статус "полноэкранного режима".