Задать вопрос
@Multigame
html

Как победить увеличение высоты страницы на мобильных устройствах?

Добрый день.

Уже неоднократно сталкивался с проблемой на мобильных устройствах. Большинство браузеров при прокрутки страницы вниз скрывают адресную строку из за чего увеличивается высота страницы.

И если страница body height=100vh то случаются различного рода проблемы.
Например слои "прибитые" к нижней границе при загрузке частично скрыты, и только если промотать вниз (= скрыть адресную строку), становятся видны полностью.
Или обратный случай. Фон заданный body, даже с background-size=cover при скрытии адресной строки появляется белая полоса без фона высотой равная размеру адресной строки.

Единственное как мы пока гарантированно это исправляли - запрещали touchmove на странице. Что на мой взгляд не слишком кошерно.
Я неправильно живу? и человечество давно придумало как с этим бороться? или все создатели страниц без прокрутки под мобилы обязаны мучатся с touchmove?
  • Вопрос задан
  • 2304 просмотра
3 комментария
Подписаться 12 Оценить 3 комментария
Пригласить эксперта
Ответы на вопрос 3
@agaliullin
CEO & Founder of Futureinapps, LLC
https://stackoverflow.com/questions/23164503/disab...

P.S. Возможно кому-то пригодится
Ответ написан
Комментировать
Комментировать
aliencash
@aliencash
Партизан
для android есть опции в manifest.json, для ios не могу подсказать.
Ответ написан
1 комментарий
1 комментарий
@Santa_Claus
Как решение, задать контейнеру страницы:
.wrapper {
  position: fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  overflow:auto;
}

Т.о., скроллиться будет содержимое контейнера, а не body. При этом, адресная строка не скрывается.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Создать логотип
19 апр. 2024, в 14:10
500 руб./за проект
Разработка дизайна мобильного приложения которое управляет вентиляцией
19 апр. 2024, в 14:01
70000 руб./за проект
Софт на js
19 апр. 2024, в 13:31
10000 руб./за проект
Ещё заказы