Javascript 导航栏在html中无法正常工作

我有导航栏菜单。我添加了一些javascript代码，以便在用户滚动页面时使导航栏保持粘性。问题是，当用户滚动页面时，它就像在自己之前一样。这并没有让导航栏变得黏糊糊的

谁能告诉我我的代码可能有什么问题，任何帮助都会很好

这是我的代码：

window.onscroll=function（）{
seeffunction（）
};
//获取导航栏
var navbar=document.getElementById（“thor”）；
//获取导航栏的偏移位置
var sticky=navbar.offsetTop；
//到达滚动位置时，将sticky类添加到导航栏。离开滚动位置时移除“粘性”
函数seeffunction（）{
如果（window.pageYOffset>=粘性）{
navbar.classList.add（“粘性”）
}否则{
navbar.classList.remove（“粘性”）；
}
}

李>

代替js使用css

位置：粘性

#索尔{
位置：粘性；
排名：0；
}

---

来源：

使用css代替js

位置：sticky

#索尔{
位置：粘性；
排名：0；
}

来源：

使用此CSS

.sticky{
   position: fixed;
   top: 0;
   left:0;
   width:100%;
}

window.onscroll=function（）{myFunction（）}；
var header=document.getElementById（“thor”）；
var sticky=header.offsetTop；
函数myFunction（）{
如果（window.pageYOffset>sticky）{
header.classList.add（“粘性”）；
}否则{
header.classList.remove（“粘性”）；
}
}

.top容器{
背景色：#f1f1；
填充：30px；
文本对齐：居中；
}
.标题{
填充：10px 16px；
背景:#555；
颜色：#f1f1；
}
.内容{
填充：16px；
}
.粘的{
位置：固定；
排名：0；
宽度：100%；
}
.粘性+.内容{
填充顶部：102px；
}

向下滚动
向下滚动以查看粘性效果

我的头球
滚动粘性标题
到达滚动位置时，收割台将粘在顶部

向上滚动可移除粘性效果

一些文本以启用滚动。。Lorem ipsum dolor sit amet，illum定义为“不存在”，maluisset结论为“不存在”，altera fabulas为“不存在”。因为荣耀的原因，我永远爱你。对共和国实验室的影响，以及对其无胎动的初步疗效

一些文本以启用滚动。。Lorem ipsum dolor sit amet，illum定义为“不存在”，maluisset结论为“不存在”，altera fabulas为“不存在”。因为荣耀的原因，我永远爱你。对共和国实验室的影响，以及对其无胎动的初步疗效

一些文本以启用滚动。。Lorem ipsum dolor sit amet，illum定义为“不存在”，maluisset结论为“不存在”，altera fabulas为“不存在”。因为荣耀的原因，我永远爱你。对共和国实验室的影响，以及对其无胎动的初步疗效

一些文本以启用滚动。。Lorem ipsum dolor sit amet，illum定义为“不存在”，maluisset结论为“不存在”，altera fabulas为“不存在”。因为荣耀的原因，我永远爱你。对共和国实验室的影响，以及对其无胎动的初步疗效

使用此CSS

.sticky{
   position: fixed;
   top: 0;
   left:0;
   width:100%;
}

window.onscroll=function（）{myFunction（）}；
var header=document.getElementById（“thor”）；
var sticky=header.offsetTop；
函数myFunction（）{
如果（window.pageYOffset>sticky）{
header.classList.add（“粘性”）；
}否则{
header.classList.remove（“粘性”）；
}
}

.top容器{
背景色：#f1f1；
填充：30px；
文本对齐：居中；
}
.标题{
填充：10px 16px；
背景:#555；
颜色：#f1f1；
}
.内容{
填充：16px；
}
.粘的{
位置：固定；
排名：0；
宽度：100%；
}
.粘性+.内容{
填充顶部：102px；
}

向下滚动
向下滚动以查看粘性效果

我的头球
滚动粘性标题
到达滚动位置时，收割台将粘在顶部

向上滚动可移除粘性效果

一些文本以启用滚动。。Lorem ipsum dolor sit amet，illum定义为“不存在”，maluisset结论为“不存在”，altera fabulas为“不存在”。因为荣耀的原因，我永远爱你。对共和国实验室的影响，以及对其无胎动的初步疗效

一些文本以启用滚动。。Lorem ipsum dolor sit amet，illum定义为“不存在”，maluisset结论为“不存在”，altera fabulas为“不存在”。因为荣耀的原因，我永远爱你。对共和国实验室的影响，以及对其无胎动的初步疗效

一些文本以启用滚动。。同侧耳