Fading Nav bar upon scrolling

Hello everyone,

Intro
I’m new to webflow and currently use the free plan.
So far I’ve found that basically everything is possible using Webflow. Just watch more tutorials and fiddle around with it more. And poof, it somehow worked.

Problem
But this time I need more help. I would really like to make a Nav bar like on this website: https://www.etq-amsterdam.com/

It just looks really nice and smooth to me, but sadly I’m unable to get it to work.

What I have tried

  • Use the “Page scrolled” Interaction.
  • Use the “While page is scrolling” Interaction

Question
How do I make a Nav bar that interacts in the same way as the one from the ETQ site does?

Any help will be greatly apriciated.

Greetings,
Njitram