js监听鼠标滚轮

// 使用 addEventListener 监听 wheel 事件
window.addEventListener('wheel', function(event) {
    // event.deltaY 表示垂直滚动的距离，正值表示向下滚动，负值表示向上滚动
    if (event.deltaY > 0) {
        console.log('向下滚动');
    } else {
        console.log('向上滚动');
    }
}, { passive: true }); // 使用 passive: true 可以提高滚动性能

// 兼容旧版浏览器的事件监听
function handleMouseWheel(event) {
    event = event || window.event;
    var delta = event.wheelDelta || -event.deltaY || -event.detail;
    if (delta < 0) {
        console.log('向下滚动');
    } else {
        console.log('向上滚动');
    }
}

if (window.addEventListener) {
    window.addEventListener('mousewheel', handleMouseWheel, false); // IE/Opera/Chrome
    window.addEventListener('DOMMouseScroll', handleMouseWheel, false); // Firefox
} else {
    window.attachEvent('onmousewheel', handleMouseWheel); // IE 6/7/8
}

function throttle(func, wait) {
    let timeout = null;
    return function() {
        if (!timeout) {
            timeout = setTimeout(() => {
                func.apply(this, arguments);
                timeout = null;
            }, wait);
        }
    };
}

window.addEventListener('wheel', throttle(function(event) {
    // 处理滚动事件
}, 100));