Material Design Lite Extensions - Sticky Header
Sticky Header, Fixed Drawer Example

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.