jQuery平滑滾動當前/活動

Question

我在單頁網站上使用jQuery Smooth Scroll，每個「面板」在右上角都有導航欄。我想在每次用戶更改「面板」時突出顯示導航欄中的選擇內容，以顯示當前選定的「面板」。是否有一個簡單的方法已經內置到插件來做到這一點？謝謝！

jQuery Smooth Scroll website

Answer 1

假設每個導航按鈕共享同一類別（如.navbutton），但有不同的ID（如#nav1，#nav2，#nav3），你可以創建你的CSS一個新的類（讓叫它.selected）

.selected { 
    background: red; 
} 

然後，當你執行你的代碼，做你的滾動，也這樣做：

$(".navbutton").each(function(){ $(this).removeClass('selected'); }); // remove selected from all Nav Buttons 
$("#nav1").addClass('selected'); // Add class to single Nav Button (assuming nav1 was clicked)