标题上的活动锚链接颜色变化

Question

我有一个单页网站，其中有大型divs作为一个部分/页面。我设法让锚点工作等，但我遇到的问题是CSS a:active在这种情况下不起作用，因为实际div没有链接到顶部的锚链接。 每个div上方都有一个跨度，这是标题的高度，因此这些部分不会隐藏在其后面。

我想知道是否有任何方式（使用CSS/JavaScript）获取锚链接，当用户在页面的特定部分上时自行更改颜色。

一个类似的例子是this web page如果有人想看到它，这个网站实际上使用了一个指标而不是改变链接的颜色。不过，我确定他们使用的是JS，因为当我在Google Chrome中检查元素时，随着指标的移动，CSS也会改变位置。

Answer 1

我想你可以。

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