Help with Navbar on Scroll Interaction


I followed the video. Navbar disappeared but I can not get it back when I scroll down the page. Here are the “into view” and “out of view” setting screenshots. any suggestions for me.

Hey!

Can you please provide your share link so we can get a closer look

Also, make sure you have applied the interaction to the main home/hero section, and told the interaction to “affect different element: navbar”

here is the design link.
https://webflow.com/design/reejiang

I just moved the navbar in home section (called “main section” in my screen), before it was above it.
I didn’t see “affect different element” under interaction. below is a screenshot.

btw, my home section is not showing in preview. this made it hard to test the navbar interaction. that’s why I had navbar above home section
Thanks,
Ree

Hi @reejiang, the design link you shared, is your private link that only you can access. Could you share the read-only link to the design view:

Cheers :slight_smile:
Dave

https://preview.webflow.com/preview/reejiang?preview=6e9b1b007b8f002df33676573742c59d

Hi @reejiang, thanks for the read-only link, can you check that again? The last one posted does not appear to ve actve at the moment.

Cheers,
Dave

How about this time?
https://preview.webflow.com/preview/reejiang?preview=039326174b57b1ee7e6d2955d8657bb4
I tested on my computer also.

Thanks,
Ree

Hi @reejiang, thanks for your patience. I made a little video, to give you some suggestions, how to create that nav bar appear on scroll interaction :smile:

Let me know if that helps :slight_smile:

Cheers,
Dave

Thanks a lot, Dave.

It worked!!! :smiley:

1 Like

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