hashtag scrollto鏈接上的當前狀態

我想在鏈表的背景上完成顏色更改。列表中的鏈接位於粘滯菜單邊欄中，並將滾動到同一頁面上的某個部分。點擊一個鏈接時，應該根據頁面上的位置更改顏色。hashtag scrollto鏈接上的當前狀態

誰能幫助我？

當前HTML是如下：

<div class="widget widget_nav_menu"> 
    <div class="menu-wij-zijn-umbrella-container"> 
     <ul id="menu-wij-zijn-umbrella" class="menu"> 
      <li id="menu-item-970" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-970"><a href="#team">TEAM</a></li> 
      <li id="menu-item-971" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-971"><a href="#2016">2016</a></li> 
      <li id="menu-item-972" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-972"><a href="#2015">2015</a></li> 
      <li id="menu-item-973" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-973"><a href="#2014">2014</a></li> 
      <li id="menu-item-974" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-974"><a href="#2013">2013</a></li> 
     </ul> 
    </div> 
</div>

你可以在現場看到：https://wijzijnumbrella.nl/over-umbrella/

不知怎的，我覺得我需要一個腳本，將類電流到相應的鏈接，這樣我可以使用下面的CSS樣式

#menu-wij-zijn-umbrella li a.current{background:#d2c153; color:white;}

來源

2016-09-22 Ronald Wildschut

在CSS中只需添加

:active到a標記，並添加您的背景顏色。您還可以添加:hover。

還應考慮引導scroll-spy

來源

2016-09-22 20:45:57 harryparkdotio

我已經完成了懸停狀態......你可以在提供的鏈接上看到。事情是，我希望背景保持活躍，例如，當您點擊2014年，然後滾動到該部分，然後背景保持活動狀態，讓您知道您在頁面上的位置。它應該強調它可以這麼說。 –

看看bootstrap，它比自定義編碼更容易 – harryparkdotio

它不是一個真正的活動狀態。它應該是一個當前狀態。就像上面的主菜單一樣。當在頁面上的某個點上時，粘滯條中的適當鏈接應該高亮顯示在頁面上的位置，並使背景顏色保持在那裏（與懸停狀態相同的顏色） –

在您提供的值在CSS硬編碼演示的實例。最簡單的事情是使用CSS或SCSS中的變量來爲每個部分定義顏色，然後使用相同的變量來定義菜單項的顏色。

或者，您可以使用javascript在要查找的部分中查找元素並獲取文本的顏色，然後使用該值設置菜單項的顏色。 for循環可以很容易地做到這一點。

來源

2016-09-22 20:46:45 MikeEllis

hashtag scrollto鏈接上的當前狀態

回答

相關問題