固定的导航栏颜色

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