スクロールダイアログ本体で、その下のページは表示されません

Question

スクロール可能なページの上にダイアログ（スクロール可能なコンテンツ本文付き）があります。今私は、マウスホイールを使ってダイアログの内側からスクロールしようとすると、ダイアログ本体だけがスクロールし、その下のページはスクロールしないといけません。

どうすればよいですか？

Answer 1

overflow: autoですべてのコンテンツをブロックにラップし、ウィンドウのoverflowプロパティをhiddenに設定することができます。

例hereを参照してください。

私はあなたがそうでなければスクロールするのを防ぐことはできないと思います。同様の質問：prevent Scroll "bubbling" from element to windowを参照してください。

もう1つの答えは、マウスホイールイベントのデフォルト効果を防ぐことができることを示唆しています。Prevent scrolling of parent element?。しかし、スクロールはキーを押したり、テキストを選択したりするときにも発生するので理想的ではありません。