Streaming live at 10am (PST)

Fixed Navbar Opacity 0% to solid when scroll down


#1

Hi there!

I've posted this before but I want to mimic the navbar from my company's website:

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!


#2

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.


#3

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