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

Question

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

Answer 1

В вашем CSS дополнениях:

body { 
    overflow-y:hidden; 
} 

Answer 2

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

Answer 3

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

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

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

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

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

Answer 4

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

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