Сделать навигационную панель изменения цвета на прокрутке?

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