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);

我只是在火狐和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 回答