Как удалить адресную строку в Safari в iOS?

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

Ответ 1

Это сочетание многих вещей, которые я нашел, исследуя эту проблему для себя. Здесь код, который правильно работает на 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/

Ответ 2

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

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

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

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

ИЗМЕНИТЬ

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

Свойство, минимальное-ui, было добавлено для ключа метатега viewport, который позволяет минимизировать верхний и нижний столбцы на iPhone при загрузке страницы. Хотя на странице с минимальным уровнем 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

Ответ 3

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

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

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

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

Ответ 4

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

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