탐색 막대가 스크롤 할 때 색상을 변경합니까?

Question

말로 표현하는 것은 복잡하지만 여기에 나와 있습니다. 좋아, 지금은 나도 한 가지만 해달라고 요구하는 프로젝트를 진행하고있다. 그 일은 탐색 막대가 너무 변해서 색이 바뀌 길 바랄 때입니다. 그래서 나는 nav bar가 흰색이고 아래가 회색이라고 가정 해 봅시다. 어떻게해야합니까?

Answer 1

난 당신이 HTML/CSS하지만이 작품에

자바 스크립트/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; 
} 

그것을 할 수 있다고 생각하지 않습니다