Feste Navigationsleiste mit Farbe

Question

Ich brauche meine feste Navigationsleiste beim Scrollen nach unten mit Farbe zu füllen. Wie kann ich es oben transparent machen, aber weiß beim Scrollen?

Ich gehe davon aus, dass es mit Jquery erreicht werden kann, aber ich habe keine Erfahrung damit, und der Shop wird mit shopify erstellt, was es ein wenig kompliziert macht, den Code zu bearbeiten.

Hier ist ein Link zu meinem Geschäft https://h-azeem-london.myshopify.com/

Vielen Dank im Voraus

Answer 1

Etwas ähnlich wie dies mit CSS ...

header.main-header { 
    position: fixed; 
    background-color: white; 
} 

dann mit jQuery ...

$(window).on("scroll", function() { 
    if ($(this).scrollTop() > 50) { 
     $("header").css("background-color","rgba(255, 255, 255, 0.25)"); 
    } 
});