Как фиксить высоту на iphone?

Question

[Максим Тимофеев]

проблема в следующем. В iphone в сафари есть меню внизу, когда оно скрывается виден фон вместо него, а блок не масштабируется, который должен на всю высоту растягиваться. Есть событие, которое можно поймать и ресайзнуть? Где-то уже встречал на тостере подобную проблему не могу найти.
Особенно геморно дебажить, когда нет iphone, но я это г.но не куплю по принципиальным соображениям.

Comments

[Евгений Вольф]

Ахахаха, последнее предложение, это нечто. В нём вся эта боль миллионов... :D Если Вы выставляете height: 100vh; блоку, его нижняя часть уходит "под меню" или... ?

[Максим Тимофеев]

Евгений Вольф: да

[Kote]

можете залить пример, пожалуйста?

[Kote]

по поводу дебага - поставьте Xcode, там есть эмулятор годный.

[Максим Тимофеев]

Kote: а Xcode под виндой бывает? А то я нашел только для мака, а его я не люблю, потому что человек который его изобрел трогал руками iphone

[Kote]

Максим Тимофеев: к сожалению нет, не бывает( но вируталка как вариант.

Answer 1

[nikfakel]

window.innerHeight чекает эту фигню, можно поставить вотчер на него. Реализовывал это на ангуляре, поэтому не подскажу код, но у меня такое работает

Answer 2

[Evanre]

Нужно повесить не большой скрипт на событыие ресайза окна. Код звучит примерно так: При каждом событии ресайза окна взять высоту документа и присовить это значение высоте блока.
Рабочий пример тут.
Сам код js

window.addEventListener('resize', function() {
		var container = document.getElementById('block');
		container.style.height = window.innerHeight + 'px';
	}); // Listen for resize