Задать вопрос
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
javascript

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

проблема в следующем. В iphone в сафари есть меню внизу, когда оно скрывается виден фон вместо него, а блок не масштабируется, который должен на всю высоту растягиваться. Есть событие, которое можно поймать и ресайзнуть? Где-то уже встречал на тостере подобную проблему не могу найти.
Особенно геморно дебажить, когда нет iphone, но я это г.но не куплю по принципиальным соображениям.
  • Вопрос задан
  • 219 просмотров
6 комментариев
Подписаться 2 Оценить 6 комментариев
Пригласить эксперта
Ответы на вопрос 2
@nikfakel
Веб-разработчик
window.innerHeight чекает эту фигню, можно поставить вотчер на него. Реализовывал это на ангуляре, поэтому не подскажу код, но у меня такое работает
Ответ написан
Комментировать
Комментировать
Evanre
@Evanre
Front-end developer
Нужно повесить не большой скрипт на событыие ресайза окна. Код звучит примерно так: При каждом событии ресайза окна взять высоту документа и присовить это значение высоте блока.
Рабочий пример тут.
Сам код js
window.addEventListener('resize', function() {
		var container = document.getElementById('block');
		container.style.height = window.innerHeight + 'px';
	}); // Listen for resize
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Топик моделлинг заголовков новостей
23 апр. 2024, в 10:50
5000 руб./за проект
Написать расширение для браузеров Chrome / Firefox
23 апр. 2024, в 10:48
15000 руб./за проект
UX разработка интерфейсов в маркетплейс
23 апр. 2024, в 10:43
10000 руб./за проект
Ещё заказы