標題上的主動錨鏈接顏色更改

Question

我有一個單頁網站，其中有一個很大的div作為版塊/頁面。 我設法使錨點正常工作，但是我遇到的問題是CSS a: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');
});