Fixed Navbar Opacity 0% to solid when scroll down

[incredible]

Hi there!

I’ve posted this before but I want to mimic the navbar from my company’s website:
https://www.credible.com/refinance-student-loans

As you can see, when you scroll down the page, the transparent background for the navbar becomes a solid blue color, and continues down the page with you.

I posted this question before and was just given a page that had that, but no explanation on how to go about doing it with webflow features. I’m hoping I could get some more in-depth explanation!

So 2 questions:

1. how to make the navbar follow you as you scroll down page
2. how to make the navbar color go from a transparent color to a solid color when you scroll down the page (refer to my company website!)

Here is my page so far:

https://preview.webflow.com/preview/alices-awesome-project?preview=3617eae9d2489c4c0d47ba7934b3b9be

Many thanks!

[Karl-Heinrich (Tobias)]

Hi,

select your navigation, go to “Position:” and choose fixed, top (screenshot).

As for your other problem, there are many many ways to do this. Here is one.