How to track the "touch" of elements on the page?

Question

JavaScript

An example can be seen here, on the left side of the likes panel. When the page is scrolled from bottom to top and a full-screen image appears on the horizon, this panel disappears. https://rantt.com/heres-every-moment-that-shaped-t...
How to add a class to such an event? What to track?
Interested in how it is in vanilla JS or a ready-made bible for Vue.
jQuery etc is not needed.

Answer 1

In your example, it's not the "touch" that's being tracked, but the change in window.scrollY - increasing margin-top: -100%, decreasing margin-top: 100%.
If you know the basics of JS, you can write ).