Javascript 滚动时更改导航栏的背景

我在制作的网站上有一个导航栏。我想在页面滚动大约500像素后更改条的颜色。我将如何使用javascript编写代码

您可以通过添加一个scroll eventlistener（使用jQuery）来完成此操作，该Listener检查是否达到scrollposition，然后执行一些操作

window.addEventListener('scroll', function(e) {
    if(window.scrollY>500)
    { 
        //change color
    }
})

欢迎来到SO！请阅读，以便您能收到适当的解决方案。