IntersectionObserver not working in Safari or iOS

Question

I have a piece of code that adds a different css class to elements depending on whether they\'re scrolled into or out of the viewport from top or bottom.

It uses the

Answer 1

I have had the same issue recently and to solve this I just had to

set the root: null