How do i change the header of my website when you scroll down?

I want so that when a user scrolls down the header changes its background and the header stays at the top of the window. I don't know if this needs javascript or you can do it in css.

The example of what i want it too look like is at https://anvilnode.com/