Привязка функции к горизонтальной или вертикальной прокрутке

Question

Я пытаюсь связать различные действия с вертикальными и горизонтальными прокрутками на странице. Есть ли события для обработки разных направлений или просто событие scroll?

В идеале я хотел бы сделать что-то вроде этого:

$('div.mySelector').on('scrollX', function(d){ 
    //Do stuff when scrolling left/right 
}) 

Но, конечно же, scrollX не является реальным событием. Каков наилучший способ получить эту функциональность?

Answer 1

Вы должны привязываться к свитке. Начните с захвата scrollTop и scrollLeft данного элемента, а затем сравните их с входящими значениями в обработчике событий, чтобы указать, какой тип прокрутки мог произойти. (Это может быть и то, и другое.) Если вас интересует только компонент X прокрутки, просто действуйте на нем, сохраняйте новое значение scrollLeft и затем снова действуйте при следующем вызове.