MORE ROOM TO EXPLORE

A little more space.

Scroll down and the navigation slides away. Scroll up a little and it returns, ready for your next stop.

Try scrolling here

This example has its own page scroll. The navigation stays within this preview.

01 / STORIES

Let the content lead.

A quiet reading experience with navigation available whenever you change direction.

Room for the details

Read a little further, then scroll upward to bring the menu back. The page keeps its position as the navbar moves.

02 / VISIT

Find your next stop.

The navbar also appears when one of its links receives keyboard focus. Reduced-motion preferences turn off the sliding animation.

Back to the top