javascript - ウィンドウのマウスホイールのスクロールを抑制するにはどうすればよいですか...?

Question

ページに埋め込まれたキャンバス アプリに取り組んでいます。マウスホイールで図面を拡大できるようにしていますが、記事の一部であるため、残念ながらページがスクロールされます。

DOM要素でマウスホイールを動かしているときに、ウィンドウでマウスホイールのスクロールを防ぐことはできますか?!

Answer 1

mousewheel (Gecko 以外) / DOMMouseScroll (IE 以外) のイベント ハンドラーをアタッチし、デフォルト アクション (コンテンツのスクロール) を防止します。

if (要素.addEventListener)
    element.addEventListener("DOMMouseScroll", 関数(イベント) {
        event.preventDefault();
    }、 間違い）;
そうしないと
    element.attachEvent("マウスホイール", function() {
        false を返します。
    }))

お役に立てれば！

Answer 2

これが古いことは知っていますが、これはまだグーグル社員に役立つかもしれません.

これを処理するための jQuery プラグインを作成しました: $.disablescroll。

マウスホイールだけでなく、通常はスクロールをトリガーする touchmove および keypress イベントも処理します。

// disable all scrolling:
$(window).disablescroll();

// enable scrolling again:
$(window).disablescroll("undo");