Javascript 更改Croll上的DOM元素不起作用

当用户在页面上向下滚动50px时，我试图改变我的导航。在我的控制台日志中，我可以看到它检测到滚动，但它只显示0，而不是新的金额。。我做错了什么

滚动试验 window.onload=oppstart； 功能启动{ document.getElementByIddoc.onscroll=滚动； } 功能卷轴{ var element=document.getElementByIddoc； var y=element.scrollTop； 精神病学； document.getElementByIdutskrift.innerHTML=y+px； 如果y==50{ document.getElementByIdnavigation.style.backgroundColor=红色； } } 身体{ 溢出：自动； } 航行{ 高度：30vh； 背景色：黑色； 溢出：自动； } 主要{ 高度：200vh； }

换衣服

element.scrollTop;

到

滚动试验 window.onload=oppstart； 功能启动{ document.getElementByIddoc.onscroll=滚动； } 功能卷轴{ var y=window.scrollY； 精神病学； document.getElementByIdutskrift.innerHTML=y+px； 如果y==50{ document.getElementByIdnavigation.style.backgroundColor=红色； } } 身体{ 溢出：自动； } 航行{ 高度：30vh； 背景色：黑色； 溢出：自动； } 主要{ 高度：200vh； }

---

太神了谢谢：D

window.scrollY