シンプルモダールスクロールバックグラウンド<body>

私はsimple modalを使用しています。あなたはモーダルの境界の外にマウスホイールを回したときに、（オーバーレイの背後にある）背景をスクロールしないようにする方法はありますか？シンプルモダールスクロールバックグラウンド<body>

ありがとうございます！

出典

2012-03-09 1252748

モーダルを作成するときに、本体にoverflow:hiddenを設定します。その後、背景をスクロールすることはできません。モーダルを隠すときはをbodyに設定してください。

出典

2012-03-09 19:15:51

これはdivの考え方の一部です！：Dありがとう！ – 1252748

私はあなたがこれを行うことができると思います。

$(document).on('mousewheel', '.simplemodal-overlay, .simplemodal-data', function(event) { 
    event.preventDefault(); 
});

私も、mousewheelはフルクロスブラウザをサポートしているかはわかりません。

編集：私はこの作品を検証していますが、mousewheelプラグインが必要ですhttps://github.com/brandonaaron/jquery-mousewheel/downloads

例：http://jsfiddle.net/jtbowden/AhpLc/

（私はスクリプト領域へjquery.mousewheel.min.jsを貼り付けた...それをしないでください）

を

出典

2012-03-09 18:32:29

ああ。かなりうまくいく。ありがとう！問題は、モーダルにスクロールバーを含むボックスが2つあることです。その中でマウスホイールを使うと、一番下に当たったときに背景のページがスクロールします。それらのスクロールが機能するように選択を変更する方法はありますか？モーダルがアップしているときは何もしませんか？再度、感謝します！ – 1252748

'mousewheel'は他の出来事としての通常のイベントのバブリング/伝播に適合しないので、これはもっと難しくなります。私はこれを行う簡単な方法をまだ理解していません。 –

シンプルモダールスクロールバックグラウンド<body>

答えて

関連する問題