Javascript 我的粘性头不工作，为什么会这样？

对于一个学校项目，我需要建立一个网站。需要的东西之一是标题，最好是粘性标题。 我去了w3schools，找到了一个关于它的教程，我把它放在了我的项目中，但是页眉绝对不会粘住。经过大约一个小时的搜索，我放弃了。也许你们中的一个能帮我吗？（我只是一个刚开始学习计算机科学的高中生，我的代码没有那么优秀或其他什么）

我已经尝试过更改我已经拥有的代码的id和类。我试图寻找错误，但没有成功

Html

我的页面

CSS

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

Javascript

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

因此，头存在并且看起来像头，唯一的事情是；它一点也不粘。

解决了它，我自己：））

---

意外地将脚本标记放在

中，而不是@blex提到的

，提供的代码似乎正常工作。无论如何，我只想指出，您也可以在不使用任何javascript的情况下创建一个粘性头，只需使用css属性

position:fixed

.header{
位置：固定；
顶部：0px；
高度：40px；
}

---

这里有一个功能齐全的。

嘿，欢迎来到社区！只是提醒一下--请不要发布代码的图片，只发布实际的代码！对于那些想把你得到的东西复制到样板文件中的用户来说，这有助于他们自己发现问题！为我工作：。您的脚本是否在标头存在后运行？尝试将脚本标记放在结束标记之前。啊，找到了问题。意外地将脚本标记放入而不是。非常感谢。