スクロールでナビゲーションバーの色を変更しますか？

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

はありません