Javascript 我试图使导航栏变得有粘性，但我的JQuery并没有添加我想在滚动函数中添加的css类

下面是HTML、CSS和JS代码，在这些代码中我遇到了问题，但无法实现我所期望的功能

//我认为问题就在这里，但我不知道如何纠正它
窗口（函数（）{
$（窗口）。滚动（函数（）{
如果（this.scrollY>20）{
$（'.navbar'）.addClass（'sticky'）；
}否则{
}
})
});
@导入url（“https://fonts.googleapis.com/css2?family=Poppins:wght@400；500；600；700&family=Ubuntu:wght@400；500；700&display=swap”）；
* {
保证金：0；
填充：0；
框大小：边框框；
文字装饰：无；
}
.最大宽度{
最大宽度：1300px；
填充：0.80px；
保证金：自动；
}
/*导航栏样式*/
navbar先生{
位置：固定；
宽度：100%；
字体系列：“Ubuntu”，“无衬线”；
填充：80px0；
}
.navbar.最大宽度{
显示器：flex；
对齐项目：居中；
证明内容：之间的空间；
}
.navbar.sticky{
填充：80px0；
*背景：#ffffff；
}
.导航栏.最大宽度.徽标a{
颜色：深红色；
}
.navbar.最大宽度.徽标a跨度{
颜色：#000；
}
.navbar.logo a{
字体大小：35px；
字号：600；
}
.navbar.menu li{
列表样式：无；
显示：内联块；
}
.导航栏.菜单李a{
颜色：深红色；
字号：18px；
字号：500；
右边距：25px；
过渡：颜色0.3s；
}
.导航栏.菜单李a:悬停{
颜色：#000；
}
/*主页*/
.家{
利润上限：-60px；
显示器：flex；
背景：url（“images/banner.png”）无重复中心；
高度：100vh；
最小高度：500px；
字体系列：“Ubuntu”，无衬线；
}
.home。最大宽度{
保证金：自动0px自动370px；
}
.home.home内容。text-1{
字体大小：27px；
}
.home.home内容。text-2{
字体大小：75px；
字号：600；
左边距：-3px；
}
.home.home内容。text-3{
字体大小：40px；
保证金：5px0；
}
.home.home content.text-3 span{
颜色：深红色；
字号：500；
}

个人投资组合网站








你好，我的名字是
阿克沙萨克塞纳酒店
我是一名网络开发者
嗨，我是阿克沙。我有超过四年的WordPress网站开发经验。如果您正在寻找一个完整的高端、最新、专业和响应性强的WordPress网站，那么您的位置是对的。我会发展出惊人的
吸引企业和个人的网站。我很乐意帮助你的愿望网站项目。欢迎随时与我联系，干杯！

如果导航栏始终处于固定状态，是否有任何问题？
添加
背景色：白色到
.navbar
类，并检查是否符合要求。这允许您将导航栏背景设置为白色，滚动时页面文本位于导航栏后面。如果您对此感到满意，那么您甚至可以删除jquery代码。
如果导航栏总是固定的，是否有任何问题？
添加
背景色：白色到
.navbar
类，并检查是否符合要求。这允许您将导航栏背景设置为白色，滚动时页面文本位于导航栏后面。如果您对此感到满意，那么您甚至可以删除jquery代码。
尝试如下操作：


//我认为问题就在这里，但我不知道如何纠正它
（功能（）{
$（窗口）。滚动（函数（）{
如果（this.scrollY>20）{
$（'.navbar'）.addClass（'sticky'）；
}否则{
$（'.navbar'）.removeClass（'sticky'）；
}
})
})();
@导入url（“https://fonts.googleapis.com/css2?family=Poppins:wght@400；500；600；700&family=Ubuntu:wght@400；500；700&display=swap”）；
* {
保证金：0；
填充：0；
框大小：边框框；
文字装饰：无；
}
.最大宽度{
最大宽度：1300px；
填充：0.80px；
保证金：自动；
}
/*导航栏样式*/
navbar先生{
宽度：100%；
字体系列：“Ubuntu”，“无衬线”；
填充：80px0；
}
.navbar.最大宽度{
显示器：flex；
对齐项目：居中；
证明内容：之间的空间；
}
.navbar.sticky{
填充：80px0；
背景：#ffffff；
位置：固定；
}
.导航栏.最大宽度.徽标a{
颜色：深红色；
}
.navbar.最大宽度.徽标a跨度{
颜色：#000；
}
.navbar.logo a{
字体大小：35px；
字号：600；
}
.navbar.menu li{
列表样式：无；
显示：内联块；
}
.导航栏.菜单李a{
颜色：深红色；
字号：18px；
字号：500；
右边距：25px；
过渡：颜色0.3s；
}
.导航栏.菜单李a:悬停{
颜色：#000；
}
/*主页*/
.家{
利润上限：-60px；
显示器：flex；
背景：url（“images/banner.png”）无重复中心；
高度：100vh；
最小高度：500px；
字体系列：“Ubuntu”，无衬线；
}
.home。最大宽度{
保证金：自动0px自动370px；
}
.home.home内容。text-1{
字体大小：27px；
}
.home.home内容。text-2{
字体大小：75px；
字号：600；
左边距：-3px；
}
.home.home内容。text-3{
字体大小：40px；
保证金：5px0；
}
.home.home content.text-3 span{
颜色：深红色；
字号：500；
}

个人投资组合网站








你好，我的名字是
阿克沙萨克塞纳酒店
我是一名网络开发者
嗨，我是阿克沙。我有超过四年的WordPress网站开发经验。如果您正在寻找一个完整的高端、最新、专业和响应性强的WordPress网站，那么您的位置是对的。我会发展出惊人的
吸引企业和个人的网站。我很乐意帮助你完成你的任务