jquery监听鼠标上滚或下滚的事件

jquery可以通过监听鼠标的滚轮事件来实现非常有意思的效果，下面的博文73so博客先说一说jquery监听鼠标滚轮事件的方法。

jquery监听鼠标滚轮事件的方法

jquery中的mousewheel方法可以监听鼠标的滚轮事件，当监听到滚轮事件触发时originalEvent.wheelDelta可以获取到鼠标滚动的距离，如果是正数则表示向上滚动，如果为负数则表示向下滚动。

例：

// https://www.73so.com
$(window).on('mousewheel', function(e){
    // 鼠标滚动的距离
    var delta = e.originalEvent.wheelDelta;
    // 判断鼠标向上滚动还是向下滚动
    if(delta > 0){
        console.log('向上滚动');
    }else{
        console.log('向下滚动');
    }
});

除了上面jquery中的mousewheel()方法外，还可以通过scroll()、.bind()、.live()等方法来判断鼠标滚轮的变动，大家可根据自身的需求选择即可。