Barre Header Transparent avec un effet blanc lors du survol ou du scroll de la souris

[DoWeedShop]

J'aimerais que le header de mon site devienne blanc lorsque je passe la souris dessus ou lorsque l'on scroll vers le bas. 

J'aimerais que le header de mon site devienne blanc lorsque je passe la souris dessus ou lorsque l'on scroll vers le bas. 
Site : https://do-wee.myshopify.com/
Exemple de rendu : http://trans-header-test.webflow.io/
J'ai essayé plusieurs solution que j'ai vu sur internet mais rien ne foncionne...
Si vous avez d'autre suggestion à me faire sur le site je suis preneur !

Merci de votre temps ! 
Cordialement.