Hi @HvdB
First of all I won't call myself a frontend developer, but with my limited knowledge you can do this with a little CSS and JS. You can listen on the window scroll event, and change the css class the header depending on how far the client have scrolled.
window.addEventListener('scroll', function(e) {
// Do your stuff here maybe with window.scrollY
});
I hope this helps :-)