Change color of navbar on scroll top webflow

Hello
I have been trying to achieve the effect like on load the nav bar background color is transparent and when I scroll the page down then the color will change and when I scroll the page back to the top then it should get back to transparent.is there any way to do it ?

The example link is not working’

But, sure view my collection and scroll down, you’ll see the nav bar:

https://preview.webflow.com/preview/gj-project-backup?preview=fe3759b3f1b4ca487673f8b2881e046c

All you need is to invert the colors.