Javascript 导航栏固定位置切换在一个类上工作，但在另一个类上不工作

我有两个不同的导航栏类。一个用于我的主页，另一个用于另一个。当我尝试将一个类应用于导航栏时，它会工作并固定在顶部，但当我使用与另一个相同的CSS应用另一个类时，它不会固定

$（（）=>{
$（文档）。滚动（（）=>{
常量$nav=$（'.navbar'）；
常量$navAlt=$（'.navbar alt'）；
常量$navLinks=$（'.navlink'）；
如果（$nav.length>0）{//if在主页上
$nav.toggleClass（'scrolled'，$（this.scrollTop（）>$nav.height（））；
$navLinks.toggleClass（'scrolled'，$（this.scrollTop（）>$nav.height（））；
}否则{
$navAlt.toggleClass（'scrolled-alt'，$（this.scrollTop（）>$nav.height（））；
$navLinks.toggleClass（'scrolled'，$（this.scrollTop（）>$nav.height（））；
}
})
})

.navbar{
显示器：flex；
对齐项目：居中；
宽度：100vw；
过渡：所有0.7秒缓解；
}
.导航栏高度{
显示器：flex；
对齐项目：居中；
宽度：100vw；
过渡：所有0.7秒缓解；
}
.navbar-alt.scrolled2{
背景色：白色；
位置：固定；
排名：0；
颜色：黑色；
-网络工具包盒阴影：0px11px25px-8pxRGBA（0,0,0,0.75）；
-moz盒阴影：0px11px25px-8pxrgba（0,0,0,0.75）；
盒影：0px11px25px-8pxrgba（0,0,0,0.75）；
过渡：所有0.7秒缓解；
}
.navbar.scrolled{
背景色：白色；
位置：固定；
排名：0；
颜色：黑色；
-网络工具包盒阴影：0px11px25px-8pxRGBA（0,0,0,0.75）；
-moz盒阴影：0px11px25px-8pxrgba（0,0,0,0.75）；
盒影：0px11px25px-8pxrgba（0,0,0,0.75）；
过渡：所有0.7秒缓解；
}
.nav-link.scrolled{
颜色：黑色；
}
.导航项目{
保证金：0自动；
宽度：97%；
显示：块；
浮动：对；
字号：1.8em；
文本转换：大写；
}
.导航项目集装箱{
浮动：对；
}
.品牌{
浮动：左；
字体大小：粗体；
}
.导航项目{
显示：内联；
列表样式类型：无；
填充：0 15px；
}
.导航链路{
颜色：白色；
文字装饰：无；
}
.导航项目高度{
显示：内联；
列表样式类型：无；
填充：0 15px；
颜色：黑色；
}
.nav链接高度{
颜色：黑色；
文字装饰：无；
}
p{
填充顶部：1000px；

雷尼13基金会







我们的知识来自于我们的知识，来自于我们的精英，我们的知识来自于我们的劳动和财富。我们的知识来自于我们的财富。我们的知识来自于我们的财富。我们的知识来自于我们的财富。我们的知识来自于我们的财富。我们的知识来自于我们的财富。我们的知识来自于我们的财富。我们的知识来自于我们的财富基本要素是基本要素。基本要素是基本要素。基本要素是基本要素。基本要素是基本要素。基本要素是基本要素。基本要素是基本要素。基本要素是基本要素。基本要素是基本要素。基本要素是基本要素。基本要素是基本要素。基本要素是基本要素。基本要素是基本要素。基本要素是基本要素。
弗瑞尼拉·菲塞勒斯·福西布斯·斯克利斯·埃利弗德·多内克·杜内克·弗瑞斯·菲塞勒斯·福塞勒斯·福塞勒斯·斯克利斯·埃利弗德·杜内克·杜内克·杜内克·杜内克·杜内克·杜内克·杜内克·杜内克·杜内克·杜内克·杜内克·杜内克·杜内克·杜内克·杜内克·弗瑞斯·杜内克·弗瑞斯·菲塞勒斯·菲塞勒斯·福塞勒斯·福塞勒斯·福塞勒斯·福塞勒斯·福塞勒斯·福塞勒斯·福塞勒斯·福塞勒斯·福这是一个自由的世界，是一个美丽的世界，一个美丽的世界，一个美丽的世界，一个美丽的世界，一个美丽的世界，一个美丽的世界，一个美丽的世界，一个美丽的世界，一个美丽的世界。

在您的

else

语句中，您正在检查

$nav.height（）

，该值不存在。您还正在切换一个名为

滚动alt

的类，该类不出现在上述CSS中。