导航不会在滚动时改变颜色

Question

我有个问题。 我试图这样做，当我 go 向下导航栏更改颜色时，它可以工作，但问题是当我 go 达到 slider 的水平时，它会保持颜色不变。 在此链接中，您将找到整个代码https://jsfiddle.net/khdtc6bn/这是我的 js 代码

$(document).ready(function(){
    $(window).scroll(function(){
        var scroll = $(window).scrollTop();
        if (scroll > 300) {
          $(".navbar-custom").css("background" , "blue");
        }
    })
  })

我希望当我全力以赴时，它会收回这种基本颜色，代码中的问题在哪里？

Answer 1

如果滚动小于或等于 300，则需要再次更改颜色：

$(document).ready(function(){
    $(window).scroll(function(){
        var scroll = $(window).scrollTop();
        if (scroll > 300) {
          $(".navbar-custom").css("background" , "blue");
        }
        else{
          $(".navbar-custom").css("background" , "rgba(255, 255, 255, 0.37)");
        }
    })
  })