스크롤 할 때 scrollspy 링크 색상 변경

Question

다음 예에서 http://jsbin.com/huhavejipepi/2/edit?html,js 상단의 고정 된 네비게이션 막대의 링크 색상을 변경합니다. 즉. 사용자가 페이지 상단에 있으면 모든 링크가 검은 색이어야합니다. 사용자가 아래로 스크롤하면 활성화 된 scrollspy 요소는 검은 색으로 바뀌고 다른 하나는 밝은 회색이어야하며 활성 상태가되면 해당 색을 변경해야합니다.

Answer 1

당신은이 사항을 고려해야합니다

activate.bs.scrollspy
새로운 항목이 scrollspy에 의해 활성화된다 때마다 이벤트가 발생합니다.

$('#myScrollspy').on('activate.bs.scrollspy', function() { 
    console.log(this) 
}) 

활성 요소에 classClass()를 추가하고 다른 요소에서 ClassClass()를 제거해야합니다. 이벤트 내에서 console.log (this)를 사용하면 수행해야 할 작업이 매우 명확합니다.