jquery滚轮事件

Posted 青呢喃

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery滚轮事件相关的知识,希望对你有一定的参考价值。

// jquery 兼容的滚轮事件
$(document).on("mousewheel DOMMouseScroll", function (e) {
    
    var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) ||  // chrome & ie
                (e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1));              // firefox

    
    if (delta > 0) {
        // 向上滚
        console.log("wheelup");
    } else if (delta < 0) {
        // 向下滚
        console.log("wheeldown");
    }
});

以上是关于jquery滚轮事件的主要内容,如果未能解决你的问题,请参考以下文章

jQuery的自定义事件——滚轮

在jQuery中获取鼠标滚轮事件?

jquery滚轮事件

jquery 兼容的滚轮事件

firefox+jquery 鼠标滚轮滚动事件错误

使用 jQuery 检查没有滚动条的鼠标滚轮事件