固定的導航欄顏色

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)");
    }
});