简介

jquery.mousewheel.js是一款鼠标滚轮监听插件，通过增量标准化添加跨浏览器鼠标滚轮支持。使一个页面可以同时拥有两个滑块区域，并且能够通过捕获到用户是向上还是向下滑动，如果deltaY参数是负1就是向下滑动，为1就是向上滑动。还能通过deltaFactor参数设置用户滑动滚轮的距离，是一个在制作网页的实用插件。

使用

1.  引入 jquery.js 和 jquery.mousewheel.js 文件

2.  调用

只需要将mousewheel事件绑定到一个元素上就能使用了，插件提供了两个名为mousewheel和unmousewheel的助手方法，其作用与jQuery中的其他事件助手方法类似。

// using on
$('#my_elem').on('mousewheel', function(event) {
    console.log(event.deltaX, event.deltaY, event.deltaFactor);
});

// using the event helper
$('#my_elem').mousewheel(function(event) {
    console.log(event.deltaX, event.deltaY, event.deltaFactor);
});

3.  参数

在元素上绑定好事件之后，鼠标滚轮在元素区域内进行上下滑动时就会触发方法。
deltaY：上下方向的滑动，1为向上滑动，-1为向下滑动。
deltaFactor：滑动的增量因子，默认为100。

相关链接

github地址 ：https://github.com/jquery/jquery-mousewheel