使導航欄更換滾動顏色？

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; 
}