Javascript 更改滚动条上的引导标题链接颜色

我正在进行一个新的引导项目，当用户使用视差图像向下滚动页面时，该项目会更改背景颜色、标题文本颜色和导航链接颜色

我在堆栈中借用了一些jQuery，成功地更改了标题背景和标题文本的颜色，但问题是

.addClass（）

和

.removeClass（）

应用于

ul.navbar.nav>li>a

链接。我试着以这种方式编写链接

ul.navbar.nav.li.a

，而不使用

ul

，但毫无乐趣

我尝试过通过

引用链接的其他方法，然后使用

id

都没有用。谷歌的Inspect功能已经尝试过了，但没有成功

$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>50）{
$（'.navbar固定顶部'）.addClass（'不透明'）；
$（'.h2 style'）.addClass（'不透明'）；
$（'ul.navbar nav>li>a'）.addClass（'custom'）；
}否则{
$（'.navbar固定顶'）.removeClass（'不透明'）；
$（'.h2 style'）.removeClass（'不透明'）；
$（'ul.navbar nav>li>a'）.removeClass（'custom'）；
}
});
.navbar固定顶{
背景色：rgba（255、255、255、1）；
过渡：背景色2s-0s；
}
.navbar-fixed-top.不透明{
背景色：rgba（411281850.95）；
过渡：背景色2s-0s；
}
ul.导航栏导航自定义>li>a{
颜色：#FFF！重要；
}
ul.nav.navbar导航>li>a：悬停{
颜色：#FF9800；
}

切换导航




















三次打击，你就出局了！
您的CSS和JS之间混合了选择器

在CSS中使用：
ul.navbar nav.custom>li>a


您的JS创建：
ul.navbar nav>li>a.custom
（
$（'ul.navbar nav>li>a'）。addClass（'custom'）；
）

您可以更改CSS或JS…

但事实上，您可以删除大部分JS，并将CSS中的所有更改建立在为
navbar固定顶部添加的
不透明
类的基础上

您可以删除
！重要信息
从CSS中，无论如何你都不应该想使用它们

有关演示，请参见代码片段：


$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>30）{
$（'.navbar固定顶部'）.addClass（'不透明'）；
}否则{
$（'.navbar固定顶'）.removeClass（'不透明'）；
}
});
.navbar固定顶{
背景色：rgba（255255,1）；
过渡：背景色2s-0s；
}
.navbar-fixed-top.不透明{背景色：rgba（41128185，0.95）；}
.导航条固定顶部。h2样式{
过渡：颜色2s-0s；
}
.navbar-fixed-top.不透明.h2样式{color:#AA0；}
.navbar固定顶ul.navbar-nav li>a{
过渡：颜色2s-0s；
}
.navbar-fixed-top.不透明ul.navbar-nav li>a{color:#FFF；}
.navbar-fixed-top.不透明ul.navbar-nav li>a:hover{color:#FF9800；}

切换导航




















三次打击，你就出局了！
你能发布你的目标HTML吗？谢谢你的回复，Naltroc，你想看到页面本身吗？这就是你要问的吗？@tecombs我是不是错过了什么，而不是你想要的答案？谢谢你，Funky，你的纠正很管用。现在一切都如愿了，我真是太感谢你了。@tecombs好吧，如果你正式接受我的答案，点击分数计数器下方的复选标记（在我答案的左上角：），我会高兴的。你不仅会奖励我的工作，其他人也会知道这个问题有解决的办法。如果你真的很开心，你甚至可以通过点击分数上方的向上箭头来给我一个额外的分数，但那只是锦上添花。抱歉，我不熟悉正确的礼仪。但是我还有一个困难，背景色和链接色是相同的，因此缺乏区别。再一次，我试过了，但没有成功。这就是我来这里的原因。你在使用Codepen吗？@tecombs没问题，除非有人告诉你，你才知道，对吧：）你会确切知道这个网站是如何工作的（只需要几分钟）。