1

Bootstrap v3.0.1 を使用しています

モーダルがアクティブになると、スクロールバーが表示されます。状況によっては、コンテンツが左に移動し、効果が完全に台無しになります。

本体に常にスクロールバーがあるように設定しようとしましたが、2つになります。

ここに例があります。

http://nu11.co.uk/modal.html

4

1 に答える 1

1

.modalクラスには次の CSS ルールがあります。

.modal {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1040;
    display: none;
    overflow-x: auto;
    overflow-y: scroll;
 }

スクロールバーは行のせいoverflow-xですoverflow-y。

CDN から bootstrap.css を呼び出すと仮定すると、bootstrap.css をリンクした後にページの head タグでこのルールをハックすると、スクロールバーが消えます。

<head>
    .
    .
    .
    <link href="/dist/css/bootstrap.css" rel="stylesheet">
    .
    .
    .
    <style>
        .modal {
            overflow-x: hidden;
            overflow-y: hidden;
        }
    </style>
    .
    .
    .
</head>
于 2013-11-01T20:44:49.510 に答える