web-dev-qa-db-ja.com

ブートストラップ：スクロールバーを有効にする方法は？

自分のプロジェクトの1つでTwitter Bootstrapを使用していますが、コンテンツがブラウザービューから表示されないという問題があります。通常、画面の右側にスクロールバーが表示されますが、私の場合は表示されません。 bootstrap cssファイルでoverflow: hidden;などの後に検索して削除しましたが、問題は解決しませんでした。

誰かがbootstrap cssでスクロールバーを有効にする方法を知っていますか？ （bootstrap cssなしでバーが表示されます）

編集：

追加できる黒いナビゲーションバーのnavbar-fixedに問題があることがわかりました。 postition: fixedがなければ正常に動作します。

scrollscrollbartwitter-bootstrap
14
loon3x

ナビゲーションバーの「位置：修正済み」を削除すると、この問題が解決しました：

.navbar-fixed-top, .navbar-fixed-bottom {
    /*position: fixed;*/
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0;
}

この人には、さらに役立つ情報もあります： http://davidlains.com/strange-Twitter-bootstrap-scrolling-issue

3
Michael Christie

すべての<div>ナビゲーションバーから閉じます。そうでない場合、fixedプロパティは降順のタグによって継承され、スクロールバーは表示されなくなります。

16
loopasam

最後のスタイルシートで上書きします。
（おそらくあなた自身のテーマのスタイルシートです。）

html, body {
    overflow: visible;
}
3
B. van Bokkem

終わりがありません</div> HTMLコード内。すべてのための <div class="foobar">終了する必要があります</div>。この（スクロールの問題）は、Twitter bootstrapを使用していて、divを閉じていない場合に発生します。

1
John Moore
<style type="text/css">
            body, html {
                height: 100%;
                overflow: hidden;
            }

            .navbar-inner {
                height: 40px;
            }

            .scrollable {
                height: 100%;
                overflow: auto;
            }

            .max-height {
                height: 100%;
            }

            .no-overflow {
                overflow: hidden;
            }

            .pad40-top {
                padding-top: 40px;
            }
    </style>

これがあなたが探しているものであることを願っています

1
Vuppla Vikram