改变；菜单栏“；使用Javascript从相对到静态的div

我有这个网站，有一个100%的宽度div约700px从页面顶部。当用户向下滚动页面并到达菜单时，它将变为“固定”并保持在页面顶部，直到用户向上滚动返回。我已经实现了我在以下网站上找到的代码：

var fixit=document.querySelector（'.topmenu'）；
var origOffsetY=fixit.offsetTop；
函数onScroll（e）{
window.scrollY>=origOffsetY？fixit.classList.add（'topfix'）：
fixit.classList.remove（'topfix'）；
}
文件。添加的文件列表（“滚动”，在滚动条上）；

“topmenu”是我用于菜单栏div元素的唯一类。“topfix”是在一些html