Comment by Teichopsia

You could use intersection observer to check the position of an element. I can't remember if there was a native way of doing it in CSS (for some reason it's stored in memory that it was recently added to CSS)... The closest is scroll snap.