标题上的活动锚链接颜色更改

Question

我有一个单页网站，其中有大 div 作为部分/页面。我已经设法让锚点工作等，但是我遇到的问题是 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');
});