Задать вопрос
@Ceekjee
Вебмастер

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

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

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

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

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

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