使用溢出来捕获元素上的滚动事件：使用Javascript隐藏

Question

编辑：感谢您的评论到目前为止！这里有一个JS小提琴（希望全部）相关代码：

https://jsfiddle.net/3y1cw6nt/

我有一个图像滑块设置图像＆＃39;类在.above，.active和.below之间切换，其top:属性也会相应更改。

当一个事件监听器按下向上和向下箭头按键激活切换时，我有html, body { height: 100vh, overflow: hidden }，这样用户就无法滚动到{{1}的图像}或.below。

有没有办法继续捕捉滚动上下事件并使用Javascript触发类更改？

我已尝试this solution，但它无法正常工作 - 无论我对页面做什么都未定义.above，我猜是因为没有滚动事件正在进行捕获，因此永远不会声明var st。

非常感谢！

Answer 1

身体不会滚动，所以没有滚动事件。

查看一组不同的事件：mousemove，touch。不同设备之间对触摸事件的支持可能会有所不同，因此像Hammer这样的库也可能派上用场。