8

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

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

4

2 に答える 2

9

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

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

お役に立てれば！

于 2008-12-05T09:27:50.093 に答える
0

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

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

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

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

// enable scrolling again:
$(window).disablescroll("undo");
于 2014-03-28T12:00:24.770 に答える