Nav background should fade out at top of page

Design help Animations & Interactions
1

Hi!
I can get the white background of the nav bar to fade in when I scroll down.

And I can get it to fade out when I scroll up.

But how do I get it to not fade out until I reach the top of the page when scrolling up.

https://navbar-a43c9c.webflow.io/

https://preview.webflow.com/preview/navbar-a43c9c?utm_source=navbar-a43c9c&preview=7ee29cb0c31259cd71fbff493fbb006e

: )

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

2

Solved this myself. I made the little black logo tag in the upper left corner trigger the animation when its scrolled in and out of view. Seems obvious now that I did it :slight_smile:

1 Like
3

Nice design by the way.

4

Thanks Luka! The plan is to build a navigation I like enough to want to reuse over and over. Takes time since Iā€™m kind of new to webflow and since I try to maintain picky about the little details :slight_smile: