Can I make a fixed navbar change background opacity on scroll?

I have a fixed navbar that has a background opacity of 0% to allow hero content to show through it. On scroll, I would like to change that opacity to 95% so that the white navbar background is visible above the page content as it passes under it.

Tried a whole lot of interaction workarounds for this but just can’t seem to make it happen! Any tips would be very much appreciated.

1 Like