Made in Webflow

Fancy Hide/Show Menu on Scroll

site profile thumbnail


One of my favorite modern web effects is when a menu hides on scroll down and reveals on scroll up. Most mobile web browsers like Google Chrome do this for their top menus, and for good reason; moving these elements out of the way of the user allows the page content to reign supreme. I use this effect on my personal site, and now so can you! You can also customize the delay or offset to whenever you'd like the menu to start disappearing or reappearing. Don't forget to like, comment, and clone away!
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.

We miss comments too!

Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!

As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.


More by Josh Jacobs

See profile
View details
Dynamic Hero Slider! - Dribbble Series ft. Strive