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

Question

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

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

如果有人想查看此网页上的类似示例，则此站点实际上使用指示器而不是更改链接颜色。但是我确定他们使用的是 JS，因为当我在 Google Chrome 中检查元素时，随着指示器的移动，CSS 也会改变位置。

Answer 1

我想你可以。

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