Floating navigation example

The navigation hides while scrolling down and returns while scrolling up.

Explore → Artwork opens a deeper level. Choosing a final link closes all navigation disclosures, including same-page anchor links.

Keep navigation visible on mobile

Configure an individual item

This item's hover/active color

Show an icon on this item

Each item starts with the default color. Changing this item leaves its siblings and descendants alone.

Surfaces

The navigation remains available while the page scrolls.

Scroll down, then reverse direction. Use the navigation with a keyboard, or resize to try the mobile drill-down.

The navigation remains available while the page scrolls.

Scroll down, then reverse direction. Use the navigation with a keyboard, or resize to try the mobile drill-down.

The navigation remains available while the page scrolls.

Scroll down, then reverse direction. Use the navigation with a keyboard, or resize to try the mobile drill-down.