15

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

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

編集：

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

4

5 に答える 5

16

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

于 2013-03-02T17:48:53.983 に答える
3

ナビゲーションバーの「position：fixed」を削除すると、この問題が解決したことがわかりました。

.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

于 2013-02-28T16:55:45.453 に答える
3

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

html, body {
    overflow: visible;
}
于 2014-12-18T10:23:32.810 に答える
1 
<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>

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

于 2012-05-15T16:36:51.127 に答える
1

</div>HTMLコードの締めくくりがありません。すべてのために<div class="foobar">あなたはクロージングを持っている必要があります</div>。これ（スクロールの問題）は、Twitterブートストラップを使用していて、divを閉じていない場合に発生する可能性があります。

于 2013-03-17T07:40:25.780 に答える