Css 滚动样式问题

我试图重新创建导航栏，它在向下滚动时消失，在向上滚动时相反

我读过关于状态的书，比如“你的风格应该在状态中才能改变它们”，但我不知道如何通过状态

componentDidMount（）{
window.addEventListener（'scroll'，this.scrollNav）；
}
滚动导航=（）=>{
const nav=document.querySelector（'.navbar'）；
const prevPos=window.pageYOffset；
const currentPos=window.pageYOffset；
如果（prevPos>currentPos）{
nav.style.top='0'；
}否则{
nav.stye.top='-80px'；
}
};

---

它向我抛出了这样一个错误：TypeError:无法设置未定义的属性“top”

nav.style未定义。如果没有html，就无法解决主要问题，但您将相同的内容分配给

prevPos

和

currentPos

——它们的值总是相同的。这是react，因此我拥有的唯一html标记是Root。您在其他位置上输入了错误。nav.stye.Topah，是的，谢谢，那个打字错误是个错误，现在我应该用相同的姿势来解决这个问题