jquery - jQuery 平滑滚动当前/活动

Question

我在一个单页网站上使用 jQuery Smooth Scroll，每个“面板”的右上角都有导航。每次用户更改“面板”时，我想通过在导航中突出显示该选择来显示当前选择的“面板”。插件中是否已经内置了一种简单的方法来做到这一点？谢谢！

jQuery 平滑滚动网站

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)