React sticky & scrollable navbar

• Using Window.scrollY to detect whether the page is scrolled or not, then add the corresponding class name.

Navbar.js

Basic CSS styles for navbar

Two different CSS styles for unscrolled navbar and scrolled navbar

transition-timing-function: ease-in;

transition: 0.5s;

The above two lines make the navbar fade out when scroll down.