jquery.mousewheel.js 是一個用於添加跨瀏覽器的鼠標滾輪支持的 jQuery 插件。
一、使用該插件，需要把 mousewheel 事件綁定到一個元素上即可。當然也可以使用類似 jQuery 中其他的事件方法寫法。
例如：
// 方式1：using on
$('#某個元素').on('mousewheel', function(event) {
console.log(event.deltaX, event.deltaY, event.deltaFactor);
});
// 方式2：using the event helper
$('#某個元素').mousewheel(function(event) {
console.log(event.deltaX, event.deltaY, event.deltaFactor);
});
二、事件對象中可以獲取如下三個屬性值：
- deltaX：值爲負的（-1），則表示滾輪向左滾動。值爲正的（1），則表示滾輪向右滾動。
- deltaY：值爲負的（-1），則表示滾輪向下滾動。值爲正的（1），則表示滾輪向上滾動。
- deltaFactor：增量因子。通過 deltaFactor * deltaX 或者 deltaFactor * deltaY 可以得到瀏覽器實際的滾動距離。
三、如果想要對整個窗口進行滾輪事件監聽，可以將監聽添加在 window 上。
$(window).mousewheel(function(event) {
// do something
});