3

次のコードをテストしています。

$(window).bind('mousewheel', function(e) {
  alert(e.wheelDelta);
});

マウスホイールを動かすたびに、「未定義」になります。マウスホイールをキャプチャしてそれに基づいてdivを移動しようとしているので、誰でもこれを手伝ってもらえますか?

4

3 に答える 3

2

すべてのブラウザーで動作させるには、もう少し作業を行う必要があると思います-またはjquery-mousewheel 拡張機能を試してください

拡張機能がまだ正しく動作しない場合は、私が少し前に作成したこの修正版を試してみてください。

/* jquery.mousewheel.min.js
 * Copyright (c) 2009 Brandon Aaron (http://brandonaaron.net)
 * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
 * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
 * Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
 * Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
 *
 * Version: 3.0.2
 * 
 * Requires: 1.2.2+
 */
(function(c) {
    var a = [ "DOMMouseScroll", "mousewheel" ];
    c.event.special.mousewheel = {
        setup : function() {
            if (this.addEventListener) {
                for ( var d = a.length; d;) {
                    this.addEventListener(a[--d], b, false)
                }
            } else {
                this.onmousewheel = b
            }
        },
        teardown : function() {
            if (this.removeEventListener) {
                for ( var d = a.length; d;) {
                    this.removeEventListener(a[--d], b, false)
                }
            } else {
                this.onmousewheel = null
            }
        }
    };
    c.fn.extend({
        mousewheel : function(d) {
            return d ? this.bind("mousewheel", d) : this.trigger("mousewheel")
        },
        unmousewheel : function(d) {
            return this.unbind("mousewheel", d)
        }
    });
    function b(f) {
        var d = [].slice.call(arguments, 1), g = 0, e = true;
        if (f.wheelDelta) {
            g = f.wheelDelta / 120
        }
        if (f.detail) {
            g = -f.detail / 3
        }
        // I had to move the following two lines down, probably because of jQuery update
        f = c.event.fix(f || window.event);
        f.type = "mousewheel";
        f.pageX = f.originalEvent.pageX;
        f.pageY = f.originalEvent.pageY;
        d.unshift(f, g);
        return c.event.handle.apply(this, d)
    }
})(jQuery);

Firefox と Chrome でテストしただけですが、他のブラウザで動作するかどうかはわかりません。使用法：

$('element').mousewheel(function(e, delta) { alert(delta); });
于 2013-01-18T22:04:24.213 に答える
2

私は次のスニペットを使用することになりました：

jQuery(function($) {
$(document)
        .bind('mousewheel', function(event, delta) {
        if(delta > 0) {
                    // Scrolling down
        } else {
                    // Scrolling up
        }
    });
});

これには jquery マウスホイール拡張が必要で、IE、Firefox、および Chrome で動作します。

于 2013-01-25T23:59:54.213 に答える
0

私は同じ問題を抱えていましたが、解決策はjqueryのバージョンを1.7.xから1.9.xに変更することでした

于 2013-05-31T16:01:08.260 に答える