Show & Hide Navbar on Scroll - Webflow interactions and animations tutorial

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. This lesson is covered in two parts creating triggers and animations for the navbar leaving when scrolling down and entering when scrolling up.

Steps in the video:
00:00 - Introduction
00:34 - Leave on scroll down
01:57 - Enter on scroll up

Note: We’re transitioning to a new UI, and are in the process of updating our Webflow University content.

----------

Get started with Webflow:
https://university.webflow.com/course...

http://webflow.com
Twitter: webflow
Facebook: webflow

• #education
• #web_design
• #webflow
• #responsive_web_design
• #graphic_design
• #web_development
• #cms
• #content_management_system
• #hide_navbar_on_scroll
• #show_navbar_on_scroll
• #webflow_interactions
• #webflow_animations
• #interactions_and_animations_tutorial
• #show_navbar_on_scroll_down
• #hide_header_on_scroll
• #hide_menu_on_scroll
• #scroll_hide_nav