Title goes here
  • Some Action
  • Another Action
  • Disabled Action
  • Yet Another Action
Sticky Header, Drawer (not fixed)

A sticky header makes site navigation easily accessible anywhere on the page and saves content space at the same.

The header should auto-hide, i.e. hiding the header automatically when a user starts scrolling down the page and bringing the header back when a user might need it: they reach the bottom of the page or start scrolling up.

To see how the sticky header works, click the button a few times to add content. Next scroll the page up and down.