Javascript 从透明到实体导航栏

我需要帮助。有人能告诉我为什么这个代码不起作用吗？ 我将HTML与CSS和JavaScript正确链接。 我尝试了所有的方法，仔细检查了代码，但没有发现任何错误。 代码看起来不错，但当我滚动时，什么也没发生

---

我想在滚动时将导航栏的背景色从透明更改为纯色

$（文档）.ready（函数（）
{
$（窗口）。滚动（函数（）
{
如果（$（this）.scrollTop（）>200）
{
$（'.navbar'）.addClass（'solid'）；
}
其他的
{
$（'.navbar'）.removeClass（'solid'）；
}
});
});

.navbar{
宽度：100%；
高度：80px；
显示器：flex；
证明内容：之间的空间；
背景色：透明；
字体系列：'Poppins'，无衬线；
位置：固定；
过渡：背景色1s轻松；
}
/*--类添加到滚动条上--*/
.navbar.solid{
背景色：#000；
过渡：背景色1s轻松；
}

主页
关于
联系
雇佣我们

您好，我不确定我是否正确地解释了您的问题，因为不太清楚到底是什么不起作用。但我认为您的意思是，jquery代码没有按预期工作。您可以尝试执行以下代码段：

$(window).scroll(function () {
        $('.navbar').toggleClass('solid', $(this).scrollTop() > 200);
});

现在，您可以按照自己的意愿定义“solid”类，我希望它能正常工作

---

另外，请确保正确导入了jquery CDN。

Hi Matija。请编辑您的问题，让我们知道它应该做什么，以及哪些不起作用？我想在滚动时更改导航的背景色。我认为我的代码很好，但当我滚动时，什么也没发生。当我加载jQuery时，它对我来说很好。检查您是否已将链接添加到cdn，或者您是以何种方式添加的。此外，还可以

转换：背景色1son.navbar.solid是冗余的。开，导航栏才刚刚够谢谢我解决了这个问题。我没有导入jQuery链接。您好，谢谢您的帮助。我没有导入jQuery链接。