AleksMey
@AleksMey
Пытаюсь разобраться

Как сделать, чтобы при открытии модального окна не скрывался scrollbar в bootstrap 4?

Вопрос из разряда "Я перфикционист". При открытии модального окна скрывается скролбар страницы, за счёт чего сайт "ёрзает" туда-сюда. Окно используется для автортизации.
5a51fad50db16002880740.png
  • Вопрос задан
  • 78 просмотров
Пригласить эксперта
Ответы на вопрос 2
  • vicodin
    @vicodin
    добавьте body {overflow-y: scroll}, тогда скролл не будет пропадать и экран не будет дёргаться.

    Ещё один вариант, который я использовал на сайте, где больше половины страницы вмещались в высоту экрана и скролл всем добавлять не хотелось, это сделатьwidth: 100%для body, а для всех элементов на странице(header, content, etc) ширину задавать так: width: calc(100% + 15px).
    Ответ написан
  • Он и должен скрываться, вернее он не скрывается, а ваш контейнер перестает прокручиваться. Это сделано для того, чтобы вы не пролистали модальное окно за пределы экрана.

    Если вы не хотите чтобы экран дергало, достаточно для контейнера с модалкой с классом открытого модального окна (при открытии окна добавляется какой-то класс к модальному контейнеру, какой - не помню) добавить padding-right:17px;

    UPD: максимально понятно это делается так:

    .modal-open .modal {
    padding:17px;
    }

    P.S это пример для 3 бутстрапа, полагаю в 4 ничего по названию классов не поменялось.
    Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы