Header changing color on scroll

Question

When a page is scrolled down and then upwards the header should change colors

Answer 1

Use pure JavaScript and css
https://code.sololearn.com/WnxoHjGsPAA8/?ref=app

Answer 2

I think jQuery is the most sensible way - I wouldn't know how exactly to program it