修复了带颜色的导航栏

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