Задать вопрос
@vvvadimos

Как убрать скролл на странице при открытом попапе?

обычная ситуация, но большие проблемы) проблему замечаю только на мобилах на ios.
https://codepen.io/anon/pen/mKYKqJ простенький пример. здесь уже открытый попап, чтоб сразу было видно проблему. когда попап доскролливаешь вниз, начинает скроллится вся страница.
задать боди высоту 100% и overflow: hidden раньше работало, сейчас не работает почему-то.
важное поведение: нельзя чтобы при открытии попапа задний фон прыгал, т.е. решение прописывать position: fixed для боди не подходит.
пробовал вариант такой: сделать чтобы скролл был не на body, а в элементе с основным контентом, а попап положить за ним в доме, тогда при открытом попапе фон не скроллится, но при перезагрузке страницы скролл всегда становится сверху, т.е. не запоминается его положение, как в обычном поведении страниц.

если кто-то знает решение без js, прошу помочь) если совсем никак, то решение на js тоже подойдет
  • Вопрос задан
  • 1695 просмотров
Подписаться 1 Средний Комментировать
Решения вопроса 1
FLUNKEY
@FLUNKEY
самовар
Без js к сожалению никак.

Попробуйте эту либу, а так же прочтите эту секцию.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
newdecline
@newdecline
Front-end-developer
Когда poрup открыт, нужно задать всему html свойство overflow:hidden
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы