miraage
@miraage
dev

Как подружить overflow:hidden в Safari на iOS?

На body висит overflow:hidden, который, как я почитал, не работает в ios safari.
Есть модальное окно, position:fixed.
Везде всё хорошо, а на i-девайсах скроллится страница под модалом.
Как это побороть?
  • Вопрос задан
  • 8480 просмотров
Пригласить эксперта
Ответы на вопрос 4
monochromer
@monochromer
Мне частично помогло для модального окна
-webkit-overflow-scrolling: touch;
Ответ написан
высоту поставь 100% (или 100vh)
Ответ написан
kashey
@kashey
Программирую большую половину жизни
Проблема в том, что мобильный сафари игнорирует overflow:hidden на body.
"Сегодня" самым эффективным способом борьбы является просто блокирование пропагации ивентов, которые могут вызвать скролл в документ.
В общем - https://github.com/thearnica/dom-locky
Ответ написан
@mexsmg
Проблема в том, что body нельзя поставить position. А значит вам надо обернуть весь сайт в определенный тег, например wrapper, и ему добавлять overflow: hidden; height: 100vh; position: relative; В этом случае все заработает. Проверено на мобильных устройствах в браузере Сафари.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
AGIMA Москва
от 170 000 ₽
АКМЭ сервис Санкт-Петербург
от 150 000 до 185 000 ₽
Postuf Москва
от 150 000 до 350 000 ₽
31 мар. 2020, в 12:22
1500 руб./за проект
31 мар. 2020, в 12:18
100000 руб./за проект