     ,~~~      
    c-0-0)    
   _   -    
  %            
 /     .      
 |      \___,,,
 |    |     ( )
  -----       |
  |    \      |
  |     \     |
 /      J     |
/       |     !
--      --    =

Video

Show and hide navigation bar on scroll

This video has been retired.

Name: Show and hide navigation bar on scroll
Uploaded: 2026-07-14T23:05:38.230Z
Duration: 2:33
Description: In this example, we'll add an interaction to our navigation bar to animate out when scrolling down the page—and animate back in when scrolling up again.

Webflow has since replaced the product workflows it covered.
There's more to explore when you're ready.

Browse current videos

→