我试图收听滚轮事件以获得"预期的像素数滚动"在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
有人可以设法让它发挥作用或有其他解决方案吗?
答案 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
我希望这对其他人有用。