html - ブートストラップ:垂直スクロールバーを無効にする方法は?

Question

モーダル ポップアップ ウィンドウが開くと、ブラウザ ウィンドウの右側に垂直スクロールバーが追加されます。これを無効にするにはどうすればよいですか? これは、モーダル ウィンドウのスクロールが必要な高さの値が非常に大きい場合に有効になると思います。フォームの高さがウィンドウの高さを超えていないため、これを無効にしたいと考えています。

Answer 1

CSS に次を追加します。

body {
  overflow-y:hidden;
}

Answer 2

ブートストラップ 3.0.0 でも同じ問題があります。.modalクラスにはoverflow-y: scroll、スクロールバーが常に表示されるルールがあるようです。

したがって、これをローカルで修正できます。

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

またはグローバルに:

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

Answer 3

次のように body にスタイルを追加します。

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

Answer 4

モデル ウィンドウの高さが通常のウィンドウの高さを超えていない場合、スクロール バーを表示しても意味がありません。<div></div>モデル ウィンドウの背後の背景をフェードするために使用される天候が、視点よりも余分な高さを持っていることを確認します。