Navbar resize on scroll

Hi guys,

Anyone know how to get this effect on webflow? Just scroll down and you’ll see the effect I’m talking about. Example:

Any help is appreciated!

Many thanks

You’re going to want to make an interaction that changes the height of your navbar when a different element exits the view. Then when the element comes back into view the navbar height will return to what it was previous to the element leaving the view.

Hope this helps

@Forbes - I have demonstrated it here with this link:

Hi Josh, thanks for your reply. Could you elaborate a bit more on how I would do this with everything in my navbar resizing accordingly?

Many thanks

I just did a demo dude. I can possibly share the link so you can see how it is done if you’d like?

1 Like

That would be perfect! I don’t believe I can see the process behind it with your link

Kind regards

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.