改变变量X& Y值基于浏览器的滚轮事件

时间:2017-09-10 09:06:45

标签: javascript jquery scroll

我试图收听滚轮事件以获得"预期的像素数滚动"在deltaX和deltaY值中,这是跨浏览器。 我很惊讶这些文档和库很少。 (只有Mozilla MDN甚至会谈到" wheel"事件)。

我发现两个脚本应该可以在浏览器中运行,但我无法正常运行。

https://developer.mozilla.org/fr/docs/Web/Events/wheel
在此页面上"在浏览器中收听此事件"部分提供了一个应该解决此问题的脚本。 我收到此错误

wheel.js:30 Uncaught TypeError: elem[_addEventListener] is not a function.

以及

https://github.com/anvaka/wheel/blob/master/index.js
有了这个,就像另一个我也得到错误:

wheel.js:17 Uncaught ReferenceError: module is not defined
index.js:144 Uncaught ReferenceError: require is not defined

有人可以设法让它发挥作用或有其他解决方案吗?

1 个答案:

答案 0 :(得分:1)

由于@Louys Patrice Bessette的建议,问题得以解决。

Mozilla的MDN网站上提供的方法有效地按预期工作:
https://developer.mozilla.org/fr/docs/Web/Events/wheel#Listening_to_this_event_across_browser

错误:

Uncaught TypeError: elem[_addEventListener] is not a function.

可能是由于错误的元素被定位。如果使用jQuery donc忘记指定$('element')[0]

@Louys Patrice Bessette提供的codepen显示了该方法的实际应用。 https://codepen.io/Bes7weB/pen/PKMemY?editors=1111

我希望这对其他人有用。