Javascript 使用引导更改导航项目背景颜色的问题

目前我正在处理我网站的导航栏，我的javascript代码有问题。我在导航中使用了scroll spy功能，并使用java脚本进行平滑滚动。此外，我希望导航项目（链接）的背景颜色改变，当滚动到网站的下一部分。我开发了一个合适的代码，但它不起作用——实际上它什么也不做

滚动导航栏{
位置：固定；
宽度：14%；
高度：100vh；
z指数：3；
填充：0；
左：1%；
}
.导航项目{
背景色：rgba（255255,0.6）！重要；
利润率：6px；
过渡：0.7s全部；
}
.导航项目：悬停{
背景色：rgba（255255,1）！重要；
颜色：rgb（0,0,0）；
}
身体{
位置：相对位置；
}
.主动{
背景色：rgba（255255,1）！重要；
}
.导航链路{
颜色：#000000；
}
.nav-item.scrolled{
背景色：rgba（249,71108,0.6）！重要；
利润率：6px；
过渡：0.7s全部；
}
.nav项。滚动：悬停{
背景色：rgba（249,71108,1）！重要；
颜色：rgb（0,0,0）；
}

$（函数（）{
$（窗口）。滚动（函数（）{
变量$nav=$（'.nav项'）；
$nav.toggleClass（'scrolled'，$（this.scrollTop（）>
$nav.height（））；
});
});
$（'body'）.scrollspy（{target:'#spy'}）
var scroll=new SmoothScroll（'a[href*=“#”]”）；

我想你的问题应该更清楚。您忘记在css

.nav item a

中写入链接标记。这很简单，看看吧。

滚动导航栏{
位置：固定；
宽度：14%；
高度：100vh；
z指数：3；
填充：0；
左：1%；
}
.资产净值项目a{
颜色：白色；
背景色：灰色！重要；
利润率：6px；
过渡：0.7s全部；
}
.导航项目：悬停{
背景色：rgba（255255,1）！重要；
颜色：rgb（0,0,0）；
}
身体{
位置：相对位置；
}
.主动{
背景色：rgba（255255,1）！重要；
}
.导航链路{
颜色：#000000；
}
.nav-item.scrolled{
背景色：rgba（249,71108,0.6）！重要；
利润率：6px；
过渡：0.7s全部；
}
.nav项。滚动：悬停{
背景色：rgba（249,71108,1）！重要；
颜色：rgb（0,0,0）；
}

添加链接标签使我的转换成功，谢谢：），但向下滚动窗口时，导航链接不会将其背景颜色更改为（249,71108,0.6）。我怎样才能解决这个问题？我很高兴它对你有用。要应用滚动更改，请查看此示例，我相信它会解决您的问题。