javascript - 当页面向下滚动时，我想更改徽标文本的颜色

我正在创建视差网站。我面临的问题是，当页面向下滚动时，它不会更改徽标的颜色。当页面向下滚动时，我想使其变为蓝色。现在它的默认颜色是白色。我不知道该如何解决。

下面的代码是页面向下滚动时的导航代码。我想在页面向下滚动时更改徽标颜色。

var a = $(".navbar-default").offset().top;
$(document).scroll(function() {
  if ($(this).scrollTop() > 10) {
    $('.navbar-default').css({
      "background": "#fff"
    });
  } else {
    $('.navbardefault').css({
      "background": "transparent"
    });
  }
});

最佳答案

我唯一想到的可能是您的问题，是班级名称结尾处的错字（.navbardefault）。修复后，我将假定您的预期行为。

var a = $(".navbar-default").offset().top;
$(document).on('scroll', function() {
  if ($(this).scrollTop() > 10) {
    $('.navbar-default').css({
      "background": "#fff"
    });
  } else {
    $('.navbar-default').css({
      "background": "transparent"
    }).removeClass('after-scroll-nav-border');
  }
});

body {
  background: red;
  height: 600px;
}
.navbar-default {
  position: fixed;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="navbar-default">Nav Bar</a>