Your browser does not support CSS position: sticky or IntersectionObserver!

Know when sticky positioned elements are stuck.

This page uses IntersectionObserver to fire an event when each header begins to stick, and vice versa. No scroll events were harmed in the making of this demo. Read more about it.

Instructions: Scroll the container below...

Sticking header: