在js中获取水平滚动事件

Question

我想要做的是在用户水平滚动div时捕获事件。 对于垂直滚动，我使用事件'mousewheel'并且它正常工作。 （水平滚动是通过触摸板上的两个手指拖动来执行的 - 我在Mac OS上进行测试）。 感谢您的回复

Answer 1

您可以通过以下方式处理水平滚动：

$("#someContainer").on("scroll", function (e) {
            horizontal = e.currentTarget.scrollLeft;
            vertical = e.currentTarget.scrollTop;
            });

在这种情况下，这会绑定此元素上的所有类型的滚动事件，因此您也可以处理

垂直e.currentTarget.scrollTop

和

水平e.currentTarget.scrollLeft

Answer 2

我没有正确的设置来测试它，但是$.scroll()应该可以解决这个问题。它也可能更适合绑定mousewheel事件。人们使用所有滚动方式;）

Answer 3

e.currentTarget.scrollX代替e.currentTarget.scrollLeft和e.currentTarget.scrollY代替e.currentTarget.scrollTop