Streaming live at 10am (PST)

How to add drop shadow to a nav bar when it scrolls down?

How to add a drop shadow to a navbar when it scrolls down and then if I scroll to the top the shadow disappears?

Here is my public share link: LINK
(how to access public share link)


your read-only link doesn’t work.

Thanks for checking it.
Here is the link:

I have experimented with page scroll down and page scroll down, but it is not the effect I want. (I only want the shadow to disappear when it scrolls back to the top.)


your are on the right way. You have to use the event/interaction “while page is scrolling”.
And ad a new animation. “0%” to "5% " is the navbar "5%“to “100%” is the rest of your body.
So set the “opacity” to “0” at “5”. Be sure that you have the right"target”.