Intersection Observer

Intersection Observer watches element appearance in the viewport or another element.

It's useful for acting on elements scrolling into or out of view in a more efficient way than scroll events.