it-swarm.com.ru

Как рассчитать высоту видимой области (то есть, высоту окна за вычетом адреса и панелей закладок) в мобильном Safari для веб-приложения?

Как правильно рассчитать, сколько видимого пространства доступно в мобильном Safari? Под областью просмотра мы понимаем объем экрана, фактически доступный для веб-приложения, то есть высоту окна минус адресная панель и панели закладок.

iOS 7 предотвращает скрытие адресной строки, и нам нужно правильно учитывать высоту области просмотра.

14
Crashalot

window.innerWidth и window.innerHeight предоставят ширину и высоту области просмотра.

15
neilco

Я знаю, что это 5 лет пост, но эта проблема все еще сохраняется, как я могу сказать. Мой обходной путь: Используйте элемент HTML на странице, стилизованный под CSS: .el{ height:100vh; }, и получите высоту в пикселях для Javascript с помощью jQuery: $('.el').height();

Если у вас нет практического использования такого элемента, вы можете создать его «на лету» с единственной целью - создать область просмотра:

var vh = $('<div style="height:100vh"></div>"').appendTo('body').height();
$('body div:last-child').remove();
0
23b