Как удалить адресную строку в Safari в iOS? - PullRequest
13 голосов
/ 25 октября 2011

Старый трюк с window.scrollTo (0,1); не работает И что еще хуже, адресная строка перемещается только немного и иногда застревает на полпути.

Ответы [ 4 ]

29 голосов
/ 27 февраля 2012

Это комбинация многих вещей, которые я обнаружил, исследуя эту проблему для себя.Вот код, который правильно работает на iOS5: (Я знаю, что немного опоздал, но ответ - это ответ, надеюсь, он поможет людям в будущем)

<!DOCTYPE html>
<html>
<head>
<title>Hide Address Bar</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script>
 window.addEventListener("load",function() {
   setTimeout(function(){
    window.scrollTo(0, 0);
    }, 0);
 });
</script>
<style>
 body { min-height: 480px; }
</style>
</head>
<body>
 <h1>Content</h1>
</body>
</html>

Источник: http://24ways.org/2011/raising-the-bar-on-mobile

Пример: http://jsbin.com/isenax/

12 голосов
/ 25 октября 2011

Я думаю, код должен все еще работать ..

В любом случае, вот правильный способ сообщить мобильному сафари, что вы хотите полноэкранный режим: кликни мне

например. использовать

<meta name="apple-mobile-web-app-capable" content="yes" />

EDIT

Apple использует новое свойство mobile-ui для отображения минимального пользовательского интерфейса в сафари:

Для ключа метатега области просмотра добавлено свойство minimal-ui, позволяющее минимизировать верхнюю и нижнюю панели iPhone при загрузке страницы. На странице с использованием minimal-ui нажатие на верхнюю панель возвращает панели обратно При повторном нажатии на содержимое их снова удаляется.

используйте это так:

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />

источник: https://www.perpetual -beta.org / weblog / ios-7-dot-1-mobile-safari-minimal-ui.html

5 голосов
/ 16 октября 2013

Начиная с IOS7 трюк window.scrollTo больше не работает. На данный момент нет никакой работы, кроме как пригласить пользователя добавить свой сайт на домашний экран.

http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review

Можно ли скрыть адресную строку в iOS 7 Safari?

Невозможно скрыть панели навигации в Safari iOS 7 для iPhone / iPod touch

1 голос
/ 28 мая 2015

В iOS 7 вы можете использовать метатег minimal-ui.К сожалению, это было удалено в iOS 8.

Для iOS 8 есть проект под названием brim, который должен вернуть функциональность типа minimal-ui.Его можно найти здесь: https://github.com/gajus/brim

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...