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

Question

[Алексей Королёв]

Вопрос из разряда "Я перфикционист". При открытии модального окна скрывается скролбар страницы, за счёт чего сайт "ёрзает" туда-сюда. Окно используется для автортизации.

Answer 1

[Anton Filippov]

добавьте body {overflow-y: scroll}, тогда скролл не будет пропадать и экран не будет дёргаться.

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

Answer 2

[Алексей Скляров]

Он и должен скрываться, вернее он не скрывается, а ваш контейнер перестает прокручиваться. Это сделано для того, чтобы вы не пролистали модальное окно за пределы экрана.

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

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

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

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