IOS 7 Safari nav bar height offset

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

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

Ответ 1

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

Ответ 2

В iOS 7.x beta есть новый мета-атрибут под названием "minimum-ui", который выглядит так, как будто он будет предоставлять эту функциональность без какого-либо взлома.

Тема здесь (прокрутите вниз до Safari)

Это будущая функция, поэтому вам не поможет

Ответ 3

Как работа с отсутствующим событием resize():

var windowInnerHeight = window.innerHeight;

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