jquery - 滚动后更改导航栏背景颜色

Question

我的导航栏有透明背景，我想在用户向下滚动时添加不同的背景。

我使用了这个问题的代码:Changing nav-bar color after scrolling?

我的代码现在看起来像这样:

$(document).ready(function(){
var scroll_start = 0;
var startchange = $('#startchange');
var offset = startchange.offset();
if (startchange.length){
    $(document).scroll(function() {
        scroll_start = $(this).scrollTop();
        if(scroll_start > offset.top) {
            $(".navbar-fixed-top").css({'background-color':'#24363d',
                                        'opacity': '0.3'});
        } else {
            $('.navbar-fixed-top').css({'background-color':'transparent'});
        }
    });
}
});

当我向下滚动时，一切正常，背景和不透明度适用，但是当我滚动回顶部时，这种样式仍然存在。我希望它改回没有背景的默认样式。

谢谢

Answer 1

试试这个

          <script>
$(document).ready(function(){
  $(window).scroll(function(){
    var scroll = $(window).scrollTop();
      if (scroll > 54) {
        $(".navbar-fixed-top").css("background" , "blue");
      }

      else{
          $(".navbar-fixed-top").css("background" , "white");   
      }
  })
})
      </script>