11

この Bootstrap 3.0 (WIP) ページを少し下にスクロールして、「Launch Demo Modal」に移動します。

http://bs3.codersgrid.com/javascript/#modals

2 つ目の垂直スクロール バーが表示されることに注意してください。なんで?

4

4 に答える 4

14

要素に CSS スタイルが適用されているため、次のようになります。

.modal {
    bottom: 0;
    display: none;
    left: 0;
    overflow-x: auto;
    overflow-y: scroll; /* <--- this guy right here */
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
}

オーバーフロー プロパティを明示的に に設定すると、オーバーフローscrollの有無にかかわらず、ブラウザにスクロールバーが表示されます。

于 2013-07-16T01:27:12.430 に答える
2

スタイル シートから html タグを完全に削除します。これで修正されます。

于 2015-07-01T10:40:32.003 に答える
2
/*remove double scrollbar*/
body.modal-open { overflow: hidden!important; }
于 2015-10-19T20:13:27.480 に答える