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

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

Вопрос из разряда "Я перфикционист". При открытии модального окна скрывается скролбар страницы, за счёт чего сайт "ёрзает" туда-сюда. Окно используется для автортизации.
5a51fad50db16002880740.png
  • Вопрос задан
  • 117 просмотров
Пригласить эксперта
Ответы на вопрос 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
Похожие вопросы