カラーで固定されたナビゲーションバー

Question

スクロールするときに固定ナビゲーションバーを色で塗りつぶす必要があります。 上部に透明にするにはどうしたらいいですか？スクロールすると白くできますか？

私はそれがJqueryで実現できると仮定していますが、私はその経験がなく、shopifyを使ってビルドしていますので、コードを編集するときに少し複雑になります。ここで

はjQueryを使って次に事前にhttps://h-azeem-london.myshopify.com/

おかげで、あなたのCSSでこれに似

Answer 1

何か私の店へのリンク...

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

だ...

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