滚动时使导航栏的背景发生变化

Question

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

Answer 1

您可以通过添加一个滚动事件监听器（使用jQuery）来执行此操作，该事件监听器检查是否达到滚动位置，然后执行一些操作。

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