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.
navbarinteractions2pagescrollpageinteractionsnavbarinteractionssticky-navbarreveal-on-scrollscroll-revealscroll-upnav

Related Made in Webflow Projects