Fixed Navbar Opacity 0% to solid when scroll down

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!

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.

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.