標題上的活動錨鏈接顏色變化

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