jquery判断鼠标滚轴向上滚动还是向下滚动

最新推荐文章于 2024-07-03 03:02:04 发布

原创最新推荐文章于 2024-07-03 03:02:04 发布 · 2.5k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #滚动 #向上 #向下

jQuery 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用jQuery监听鼠标滚轮事件的方法，通过$(document).on()函数捕获mousewheel和DOMMouseScroll事件，实现对滚轮上下滚动方向的判断并打印相关信息。适用于需要响应用户滚轮操作的网页应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(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");
        }
    });