2017-01-05 18 views
0

私はモーダル内にスクロール可能な領域を持つブートストラップ・モーダルを持っています。スクロール可能領域内をスクロールすると完全にスクロールします。私がスクロール可能領域外にスクロールすると、何も起こりませんが正しいです。ブートストラップ・モーダル内のスクロール可能な領域内でスクロールできません

問題は、私がスクロール可能領域の外にスクロールし、スクロール可能領域にすばやく戻ると、スクロール可能領域がスクロールしないということです。ここ 参照ビデオ:ここでは別のビデオでwww.youtube.com/watch?v=S9kiPTnt4e0

www.youtube.com/watch?v=epansufGEuY私は、Webインスペクタにモーダル背後.modal-背景のdivを選択し、モーダルでスクロール可能な領域外にスクロールして、あなたが見ることができるようにしています。モーダルバックグラウンドはまだスクロールしていますが、肉眼では表示されません。同じことが、私がボディを選択したときに起こります。ボディエレメントは同じように動作します。

モメンタムスクロールが一旦停止すると、ユーザーはモーダル内のスクロール可能な領域をスクロールすることができますが、外側にスクロールしてすぐに内側にスクロールすると、モーダルバックグラウンドをスクロールします。

誰にもこの問題の修正方法に関する提案はありますか?私はポジションを持っています:固定とオーバーフロー:体に隠されています。これはモーダルをスクロールするときに「バックグラウンドスクロール」を解決しましたが、この問題は異なり、私を困惑させました。

+0

おそらくモーダル外でスクロール/タップするとフォーカス状態になりますので、外側にスクロールした後にモーダルをタップして再度モーダルをスクロール可能にするかどうか確認してください。いずれにしても、モーダルコードを共有した方が最適です。 – Syden

答えて

0

は、それがブートストラップのバグだっ判明、それが最新のブートストラップ4アルファ5ビルドで修正されています。この

.modal-content { 
    overflow-x: scroll; 
    overflow-y: auto; 
} 
0

を試してみてください。

関連する問題