2017-03-09 9 views
1

ブートストラップモーダルはマウスでスクロールできません。代わりに、背景のウェブサイト全体がスクロールしています。ここに私のコードは次のとおりです。ここでブートストラップモーダルをスクロールできません。

.modal-open { 
    overflow: hidden; 
} 

.modal-open .modal { 
    overflow-x: hidden; 
    overflow-y: auto; 
    pointer-events: auto; 
} 

は、URLは次のとおりです。http://veritaswp.excellence.lt/dirbtinis-akmuo/dekton/(あなたはこのモーダルを見て、「Spalvųvariantai」をクリックすることができ

答えて

1

こんにちは、あなたがオーバーフローを追加することによって、それを修正することができます。あなたにスクロールすると、最大高さ.modalコンテンツクラス。

.modal-content { 
    position: relative; 
    background-color: #fff; 
    -webkit-background-clip: padding-box; 
    background-clip: padding-box; 
    border: 0; 
    border: 0; 
    border-radius: 0; 
    outline: 0; 
    max-height: 500px; 
    overflow: scroll; 
} 
+0

残念ながら、それは役に立ちません。キーボードのUP/DOWNモーダルスクロールを使用して、そのことを通知します。マウスのスクロールでは機能しません。 –

0

イェーイ!

誰かが同様の問題がある場合は、単純なラスタースクロールParallax.jsプラグインを使用している場合は、確認してくださいURL)。ブートストラップJSモーダルとParallax JSプラグインが矛盾していたので、私はモーダルをスクロールできず、ウェブサイトのバックグラウンドでのみウェブサイトをスクロールできませんでした。

幸運を祈る!

関連する問題