使导航栏更换滚动颜色？

Question

把它放在文字中很复杂，但我在这里。 好吧，那么目前我正在开展一项需要我做一件事的项目。当导航栏变得太过某一点时，我希望颜色改变。假设我的导航栏是白色的，下面是灰色的。我该如何解决这个问题？

Answer 1

我不认为你可以用HTML/CSS，但这项工作做

使用Javascript/jQuery的

$(window).scroll(function() { 
    if ($(window).scrollTop() > 500) { 
    $('.nav').addClass('updated-color') 
    } else { 
    $('.nav').removeClass('updated-color') 
    } 
}) 

CSS

.nav { 
    background-color: white; 
} 
.nav.updated-color { 
    background-color: gray; 
}