Bootstrap: как отключить вертикальную полосу прокрутки?

когда открывается мое модальное всплывающее окно, оно добавляет вертикальную полосу прокрутки справа от окна браузера. Как отключить это? Я думаю, что это включено, когда модальное окно имеет очень большое значение высоты, где ему нужно прокручивать. я хочу отключить это, так как моя высота формы не превышает высоту окна.

Ответ 1

В вашем css добавьте:

body {
  overflow-y:hidden;
}

Ответ 2

У меня такая же проблема с bootstrap 3.0.0. Кажется, что класс .modal имеет правило overflow-y: scroll, которое приводит к тому, что полоса прокрутки всегда видна.

Итак, вы можете изменить это либо локально:

<div class="modal" ... style="overflow-y: auto;">
    ...
</div>

или глобально:

<style>
.modal {
    overflow-y: auto;
}
</style>

Ответ 3

Если высота окна модели не превышает нормальную высоту окна, нет смысла отображать полосу прокрутки. Проверить погоду. <div></div>, используемый для затухания фона за окном модели, имеет дополнительную высоту, чем точка обзора.

Ответ 4

Добавьте стиль в тело как:

body { 
  padding-right: 0px !important;
  overflow-y: hidden !important;
}