@Ceekjee
Вебмастер

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

Здравствуйте,
Была задача запретить скролл body при открытии модального окна. Покопавшись в интернете, я нашел решение добавлять для body стили "overflow: hidden", но в таком случае страница прокручивалась вверх, а мне нужно, чтобы она оставалась на своей позиции и просто не прокручивалась.

Помогите решить проблему максимально простым способом. Спасибо.
  • Вопрос задан
  • 390 просмотров
Пригласить эксперта
Ответы на вопрос 2
@wiyod
Красивого и универсального решения не существует. Есть два варианта, при первом будет увеличиваться пространство страницы за счет исчезнувшего скролла, что само по себе не правильно (ну и запаришся искать все съесжающие элементы с fixed позишен), а второй, правильный вариант возможен только с броском страницы наверх (это можно испрвить вычисляя каждый раз расстояние прокрученное и добавлять top, но это УРОДСТВО ВСЕ).

Я забил и делаю с прокруткой. Сделать без прокрутки не сложно совсем, но это грязь.
Ответ написан
Deodatuss
@Deodatuss
может как-то поможет, но код очень древний:

тыц

если кратко, то хенлить скролл евент и вызывать preventDefault

UPDATE:
Думал станет ясно с первого примера, вот второй:
тыц
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Reklama Guru Санкт-Петербург
от 50 000 до 60 000 руб.
Blogman Оренбург
от 20 000 до 60 000 руб.
Sveak Барнаул
от 40 000 руб.
15 авг. 2018, в 18:50
750 руб./в час
15 авг. 2018, в 18:48
45000 руб./за проект
15 авг. 2018, в 18:14
800 руб./за проект