Toggle navbar shadow

I need help with navbar shadow interactions.

I want to make the navbar shadow only appear on scroll as seen here: https://betalist.com/
Here is my site: http://shipstudio.webflow.io/projects/hypejar

Any suggestions?


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

Hi @ShipStud, thanks for the good question. Right now, it is possible to use interactions to do some nice effects, but only when the element is triggered by a section scroll into view/out of view.

The ability to affect/monitor an element while the page is scrolling was not included to Interactions 1.0 in Webflow (so at the moment, to do this would likely require some custom coding such as jQuery plugin or something like that).

That is all changing in Interactions 2.0, sign up for the beta here: https://webflow.com/feature/interactions-v2

With IX 2.0, You will easily be able to animate an element while the page is scrolling. It is awesome.

1 Like

@cyberdave Thanks for letting me know! I am ready and signed up for 2.0! When can I get access?

Hi @ShipStud, if you have signed up for the list, you will receive a notification soon, I cannot give you a timeline when you will receive your invite, but it should be coming soon.

Hang in there, Interactions 2.0 is just around the corner.

Thanks in advance.

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