Help With Navigation Interaction (Animate on Scroll)

Design help Animations & Interactions
1

Hello,

I’ve been working on this site for a while, and had gotten the navigation setup so that the initial transparent navigation would disappear on scroll and be replaced with a white BG navigation. This was working up until I added a dropdown to the navigation. As I’m trying to edit the dropdown it no longer animates with the interaction I set up.

This also seems to be the case on the interior pages. I began designing the page “Loose Diamonds,” and noticed the interaction for the navigation no longer worked.

Any help figuring out what I did wrong would be appreciated! I’m fairly new to interactions, but I followed a webflow tutorial to create this one, so hopefully it is setup properly.

Here is my public share link: LINK

2

Your Scroll navbar element is out of the view but also display:none

So the step of your interaction that is supposed to show the navbar must specify display:block along with anything else.

http://vincent.polenordstudio.fr/snap/01ayg.jpg

3

Oh wow. Completely forgot I had set it hidden while styling the main navigation! Thank you! SOLVED.

4

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