2013-09-23 5 views
11

Итак, в iOS 6 и ранее навигационная панель внизу Safari была зафиксирована в портретном режиме и не исчезла. Поэтому, если вы хотите, чтобы документ высотой 100% был истинным на весь экран, вам пришлось добавить дополнительные 60 пикселей, чтобы вы могли прокручивать его и скрывать адресную строку.iOS 7 Safari nav bar offset offset

Теперь в iOS 7 с исчезающей навигационной панелью и адресной строкой с изменением размера, как вы собираетесь создавать документ высотой 100%? Другими словами, я хочу, чтобы вы могли прокручивать документ так, чтобы навигационная панель исчезла, адресная строка изменилась до мини-версии, а высота документа заполнила оставшуюся часть (высота окна минус 100 пикселей или около того), чтобы вы не мог прокручивать дальше.

+0

Значит ли [это] (http://stackoverflow.com/questions/8205812/jquery-js-ios-4-and-document -hight-problems # answer-15717609) вообще? – Ojame

+0

IOS7 Safari не запускает событие изменения размера, когда нижний колонтитул браузера появляется и исчезает, поэтому вам может быть не повезло. Я уверен, что мобильная команда jquery работает над обходным решением, но пока вам просто придется пересмотреть свой подход. – Blazemonger

+1

См. Также [настоящая статья] (http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review). – Blazemonger

ответ

6

Похоже, что обычный способ простого добавления дополнительной высоты все еще работает, но теперь кажется, что значение для добавления составляет 69 пикселей вместо 60 пикселей.

+0

Удивительный. Это небольшое исправление от 60 до 69 работало на вопрос, который у меня был. – lislis

0

В работе вокруг к недостающим изменения размера() событие:

var windowInnerHeight = window.innerHeight; 

setInterval(function() { 
    if (windowInnerHeight != window.innerHeight) { 
     windowInnerHeight = window.innerHeight; 
     resize(); 
     window.scrollTo(0, 0); 
    } 
}, 500); 
5

в ИО 7.x бета есть новый мета атрибут называется «минимал-уй», который выглядит, как он будет обеспечивать эту функциональность без каких-либо взломов.

Thread here (scroll down to Safari)

Это будущее особенность так не может помочь вам