활성 앵커 링크 색상 변경 머리글

Question

섹션/페이지로 큰 div가있는 단일 페이지 웹 사이트가 있습니다. 나는 앵커가 등 그러나 실제 문제가 상단의 앵커 링크에 연결되어 있지 않기 때문에 CSS를 a:active이 시나리오에서 작동하지 않는 문제가 작동하는 등 관리 할 수있다. 머리글의 높이가되는 각 div 위의 스팬이 있으므로 섹션이 뒤에 숨겨지지 않습니다.

사용자가 페이지의 특정 섹션에있을 때 자체적으로 색상을 변경하는 앵커 링크를 얻으려면 CSS/JavaScript를 사용하는 방법이 있는지 궁금합니다.

누군가가보고 싶다면 비슷한 예가 this web page이고,이 사이트는 실제로 링크 색상을 변경하는 대신 표시기를 사용합니다. 그러나 Google 크롬에서 요소를 검사 할 때 표시기가 이동함에 따라 CSS의 위치도 바뀌기 때문에 JS를 사용하고 있다고 확신합니다.

Answer 1

될 수 있습니다.

$('#specific-section').bind('mouseenter', function(){ 
    $('a').css('color','yellow'); 
}).bind('mouseleave', function(){ 
    $('a').css('color','white'); 
});