当前位置: 首页 > 工具软件 > jQuery Delta > 使用案例 >

jQuery监听鼠标上下滚动事件

贝嘉泽
2023-12-01

代码实现

$(document).on("mousewheel DOMMouseScroll", function (event) {
    
    var delta = (event.originalEvent.wheelDelta && (event.originalEvent.wheelDelta > 0 ? 1 : -1)) ||  // chrome & ie
                (event.originalEvent.detail && (event.originalEvent.detail > 0 ? -1 : 1));              // firefox

    if (delta > 0) {
    // 向上滚
     console.log("up+++++");
    //do somthing
    } else if (delta < 0) {
      // 向下滚
      console.log("down+++++");
     //do somthing
    }
});

document可以换成自己的class或id名,使用前记得引入jQuery库

 类似资料: