jQuery 滚轮滚动事件

最新推荐文章于 2024-07-30 03:35:30 发布

原创最新推荐文章于 2024-07-30 03:35:30 发布 · 7.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文介绍了一种使用jQuery监听鼠标滚轮事件的方法，并通过具体代码示例展示了如何根据滚轮的滚动方向（向上或向下）来触发不同的DOM操作。该方法适用于网页中需要对用户滚轮操作做出响应的场景。

$(document).on("mousewheel DOMMouseScroll", function (e) {
var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1))||
              (e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1));      
   if (delta != 0) {
      $('.min-content h3').removeClass('add');
   }
});

delta的值可以判断是上下滚动