jQuery Smooth Scroll Current / Active

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)