jquery-mousewheel.js是一款很受欢迎的jq插件，它可以监听滚轮事件，获取一些重要参数，比如：deltaX：-1 表示滚轮向左滚动 ，1 表示滚轮向右滚动。deltaY：-1 表示滚轮向下滚动，1 表示滚轮向上滚动。deltaFactor：增量因子， deltaFactor * deltaX表示divX轴的滚动距离， deltaFactor * deltaY表示divY轴的滚动距离。
工具/原料
1
Vs Code
2
Chrome浏览器
3
jquery-mousewheel.js(3.1.13)
4
jquery.js（3.4.0）
方法/步骤
1
首先我们创建test8.html文件， 代码和展现效果如下
2
可以看到在代码的最上部引入了jquery和jquery-mousewheel的库文件，需要注意的是jquery必须在jquery-mousewheel之前被引用，因为在初始化的时候需要用到jquery对象，并且jquery的版本一定要>=1.2.2，这一点在jquery-mousewheel的package.json里有提到，如图
3
所展现的demo是两个div， wrap是外部div，inner是内部div，且inner的高度要大于wrap的，并且设置wrap的overflow-y: auto，这样就会出现滚动条了。
4
然后，我们来看下滚动的效果，用鼠标滚轮向下滑动一下，右侧的控制则打赢出相应的参数，deltaX=0表示在x轴没有滚动，deltaY=-1表示在y轴滚动条有一个向下的滚动，deltaFactor =100表示每一次滚动inner滑动100px的距离
5
由于目前监听的是inner， 所以当只有鼠标hover在inner上的时候，才会触发监听事件，如果仅仅是hover在wrap上，虽然能滚动，但不会触发监听。
注意事项
特别要注意jquery的版本一定要>=1.2.2