LoginGet started — it’s free
Made in Webflow

Hide/Reveal Nav On Scroll

2192 views
site profile thumbnail

Description

This project will show you how to simply hide your navbar when scrolling down on a page and revealing it again while scrolling upward. You can see the scroll upward interaction uses a slight offset so it's not triggered without intention or by accident. You are welcome to clone this project and use it. It's a simple interaction but in my opinion a very useful one and feels a bit more high end. Great for having navigation on your website when you need it yet without it getting in the way.
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.
navbarinteractions2pagescrollpageinteractionsnavbarinteractions

More by Noah Raskin

See profile
View details
Custom Animated Hero Slider - CMS
467
2.8k
© 2022 Webflow, Inc. All rights reserved.