Streaming live at 10am (PST)

Shrinking Navigation on Scroll


#1

(Offtopic) How is that shrink-nav-on-scroll made in the demo? I can't see it's attached to an interaction or something.


Shrinking Nav on Scroll
Hide and show on bullet txt
#2

@StevenP The interaction is attached to the section below the nav.


#3

Hi @StevenP, @jdesign is correct. In order to trigger the animation on scroll I needed to have a section scroll in/out of view.

I added some text to make it more obvious:
Demo: https://webflow.com/design/demokit?preview=72388b288a26874be319ca1f7412d4eb
Page Title: Shrinking Nav on Scroll


#4

Thanks for the explanation. I need to open my eyes a bit more..:P


#5

I had the same question initially and it took a couple looks to catch it.


#6