如何使用javascript使我的topnav保持粘性？

我在我的网站上有一个菜单，可以正常工作，我还看到了W3Schools的教程。这是：

---

所以我加入了css和javascript，但当我向下滚动页面时，它实际上不起作用。可能是我的list/topnav不是div容器，但我不确定

这是我的主页：

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

*{
溢出：自动；/*或自动*/
}
身体{
保证金：0；
背景色：#E5；
}
.顶部按钮{
位置：固定；/*固定/粘性位置*/
底部：20px；/*将按钮放在页面底部*/
右：30px；/*从右侧放置按钮30px*/
z-index:99；/*确保它不重叠*/
边框：无；/*删除边框*/
大纲：无；/*删除大纲*/
背景色：#bbb；/*设置背景色*/
颜色：白色；/*文本颜色*/
光标：指针；/*在悬停时添加鼠标指针*/
填充：15px；/*一些填充*/
边界半径：10px；/*圆角*/
字体大小：18px；/*增大字体大小*/
不透明度：0；
}
.topButton:悬停{
过渡：0.3s；
不透明度：1；
背景色：#555；/*悬停时添加深灰色背景*/
盒影：0 12像素16像素0 rgba（0,0,0,0.24），0 17像素50像素0 rgba（0,0,0,0.19）；
}
h1{
字体系列：“Bebas Neue”，草书；
背景色：#E5；
文本对齐：居中；
填充：0；
}
.粘的{
位置：固定；
排名：0；
宽度：100%；
}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#E5；
字体系列：“titilliumweb”，无衬线；
}
.粘的{
位置：固定；
排名：0；
宽度：100%；
}
李{
浮动：左；
右边框：1px实心#bbb；
}
李阿{
显示：块；
颜色：黑色；
文本对齐：居中；
填充：14px 48px；
文字装饰：无；
}
李娜：停下来{
背景色：#696969
}
李安：很活跃{
背景色：#6969；
颜色：黑色；
字号：900；
}
.登录{
左边框：1px实心#bbb
}

向下滚动
此示例演示如何创建可见的“滚动到顶部”按钮
当用户开始滚动页面时。

我的代码是正确的，该网站可与手机配合使用。我相信可能是缓存导致了问题，也可能是窗口的大小

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

*{
溢出：自动；/*或自动*/
}
身体{
保证金：0；
背景色：#E5；
}
.顶部按钮{
位置：固定；/*固定/粘性位置*/
底部：20px；/*将按钮放在页面底部*/
右：30px；/*从右侧放置按钮30px*/
z-index:99；/*确保它不重叠*/
边框：无；/*删除边框*/
大纲：无；/*删除大纲*/
背景色：#bbb；/*设置背景色*/
颜色：白色；/*文本颜色*/
光标：指针；/*在悬停时添加鼠标指针*/
填充：15px；/*一些填充*/
边界半径：10px；/*圆角*/
字体大小：18px；/*增大字体大小*/
不透明度：0；
}
.topButton:悬停{
过渡：0.3s；
不透明度：1；
背景色：#555；/*悬停时添加深灰色背景*/
盒影：0 12像素16像素0 rgba（0,0,0,0.24），0 17像素50像素0 rgba（0,0,0,0.19）；
}
h1{
字体系列：“Bebas Neue”，草书；
背景色：#E5；
文本对齐：居中；
填充：0；
}
.粘的{
位置：固定；
排名：0；
宽度：100%；
}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#E5；
字体系列：“titilliumweb”，无衬线；
}
.粘的{
位置：固定；
排名：0；
宽度：100%；
}
李{
浮动：左；
右边框：1px实心#bbb；
}
李阿{
显示：块；
颜色：黑色；
文本对齐：居中；
填充：14px 48px；
文字装饰：无；
}
李娜：停下来{
背景色：#696969
}
李安：很活跃{
背景色：#6969；
颜色：黑色；
字号：900；
}
.登录{
左边框：1px实心#bbb
}

向下滚动
此示例演示如何创建可见的“滚动到顶部”按钮
当用户开始滚动页面时。

有什么问题？代码不起作用了吗？你看到错误了吗？请解释一下我在css、javascript中添加的问题，但当我向下滚动页面时，它实际上不起作用。可能是我的list/topnav不是div容器，但我不确定。嗯。。您可以使用

位置：sticky；排名：0在您的标题样式表中您的示例有效。我编辑了你的问题，没有修改你的代码。你甚至在html上调用css和js文件吗？