修复了带颜色的导航栏

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