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)