scrolling direction to change elements class dynamically in vue js

Question

I need to listen to the scrolling event of the page and according to the scrolling direction, it should be able to change css classes of elements. If scrolling happens for right