Get horizontal scroll event in js

Question

What I want to do, is to catch the event when the user is scrolling div horizontally. For vertical scroll I am using event \'mousewheel\' and it\'s working properly. ( horiz

Answer 1

You can handle horizontal scrolling by :

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

In this case this bind all kind of scroll events on this element so you can also handle

Vertical by e.currentTarget.scrollTop

and

Horizontal by e.currentTarget.scrollLeft