帶顏色的固定導航欄

Question

我需要在滾動時填充顏色的固定導航欄。 我怎樣才能使它在頂部透明，但滾動時是白色的？

我假設它可以用Jquery實現，但我沒有使用它的經驗，並且商店是使用shopify構建的，這使得它在編輯代碼時變得有點複雜。

這裏是我的店鋪鏈接提前https://h-azeem-london.myshopify.com/

感謝

Answer 1

類似的東西將它與你的CSS ...

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

使用jQuery

則...

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