jQuery-更改滚动条上的背景色

我试图在滚动时更改导航栏的背景色（当前设置为透明）。我试过很多不同的方法，但都不管用。请帮帮我

这是我当前的代码

$(window).ready(function() {
 $(window).scroll(function() {
   var scroll = $(window).scrollTop();
    if (scroll > 300) {
     $(".navbar").css("background", "blue");
    } else {
     $(".navbar").css("background", "transparent");
    }
  })
})

我不认为这是原因，但我已经建立了网站的基础。但是，我已经使用常规SCS设置了

背景：透明。
尝试以下操作：

 $('.navbar').attr('style', 'background: blue!important');

您必须添加一个类并调用它，检查下面的示例


var-navbar=document.querySelector（'nav'））
window.onscroll=函数（）{
//页面偏移或滚动
如果（window.pageYOffset>100）{
navbar.classList.add（'滚动'）
}否则{
navbar.classList.remove（'scrolled'）
}
}
nav{
职位：-网络工具包粘性；
位置：粘性；
位置：固定；
排名：0；
高度：80px；
宽度：100%；
背景#ffa5001f；
}
导航滚动{
背景：橙色；
}
主要{
高度：200vh；
}

您的代码正常。你能提供url或举个例子吗？`但它不起作用。`你能更具体一点吗？另外，使用
背景色
代替
背景色
。这将更适合你目前的情况，但这不会引起问题。@阿斯图里奥在这里部署的网站：我不知道基金会是否会破坏一些东西。Rifkan Razak的选项适用于其他项目，但不适用于此项目。@SashaB您在控制台中有错误，这些错误与脚本有关。请通过删除不必要的副本来清除它们。因此，请将所有需要的documnet ready脚本合并到一个$（document）.ready（function（）下