Javascript检测滚轮移动而不实际滚动

Question

我有一个您无法向下滚动的网站，但我希望用户能够滚动以触发事件。关于如何做到这一点的任何想法？

提前致谢

Answer 1

您正在寻找wheel 事件。 mousewheel 事件已被弃用。你当然想要这样的东西：

_addWheelListener = function( wheelEvent ) { // Warning
    console.log(wheelEvent);                 // Does not work!
}

请务必注意，wheel 事件的处理方式似乎非常因用户使用的浏览器和/或浏览器版本而异。因此，您需要非常小心在 wheelListener 函数中放入的内容。

Fortunately, someone at MZDN has done the heavy lifting for us

将它们的函数复制粘贴到 javascript 中后，您可以定义 wheelListener，如下所示：

addWheelListener(document, function( wheelEvent ) {
    console.log(wheelEvent);
});