Sticky Header

A Sticky Header fixes navigation to viewport top on scroll using position: sticky, improving access without page jumps.

Combines with shadows for feedback.

Use Sticky Header when:

• Long content nav.
• E-comm carts.
• Docs sidebars.
• Mobile too.

Note: position: sticky; top: 0;

IntersectionObserver alt.

Transition height.