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');
});

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

1 个答案: