web-dev-qa-db-ja.com

Bootstrap：垂直スクロールバーを無効にする方法？

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

htmlcsstwitter-bootstrapbootstrap-modal
21
user1929393

あなたのCSSに追加：

body {
  overflow-y:hidden;
}
33
Patsy Issa

bootstrap 3.0.0。と同じ問題があります。.modalクラスにはoverflow-y: scrollスクロールバーが常に表示されるルール。

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

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

またはグローバルに：

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

ボディにスタイルを追加：

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

モデルウィンドウの高さが通常のウィンドウの高さ以下の場合、スクロールバーを表示しても意味がありません。天気を確認<div></div>モデルウィンドウの背後の背景をフェードするために使用されるビューポイントよりも余分な高さがあります。

0
Hawckins