How to change the background-color when scrolling?

Question

I have created a fixed navbar. Now I am trying to change background color navbar. I have created a fixed menu with changing color when scrolling down at the end of the page.

Answer 1

first remove bg-white from this line:

then style your Navbar backgroundColor whenever you want. in scrolling or ... like :

or use standard class name like:

bg-primary
bg-light
bg-success
bg-info
bg-warning
bg-danger
bg-dark

sample output: https://codesandbox.io/s/nav-bar-examples-68xfg