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；
$（文档）.on（'scroll'，function（）{
如果（$（this）.scrollTop（）>10）{
$（'.navbar默认值'）.css({
“背景”：“fff”
});
}否则{
$（'.navbar默认值'）.css({
“背景”：“透明”
}).removeClass（'after-scroll-nav-border'）；
}
});
正文{
背景：红色；
高度：600px；
}
.navbar默认值{
位置：固定；
}

导航栏
您的徽标是图像吗？请注意：您永远不要收听滚动事件。您可以查看这篇关于parllax滚动的文章。