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

Design help Animations & Interactions
1

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)

2

Hello,

your read-only link doesn’t work.

3

Hi,
Thanks for checking it.
Here is the link:
https://preview.webflow.com/preview/yulis-portfolio?utm_medium=preview_link&utm_source=designer&utm_content=yulis-portfolio&preview=dfcbe0e13c4b2bce120ee21538f1979a&mode=preview

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.)

4

Hi,

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”.

Best,
Matthias