【发布时间】:2012-04-05 20:56:56
【问题描述】:
我在一个单页网站上使用 jQuery Smooth Scroll,每个“面板”的右上角都有导航。每次用户更改“面板”时,我想通过在导航中突出显示该选择来显示当前选择的“面板”。插件中是否已经内置了一种简单的方法来做到这一点?谢谢!
【问题讨论】:
我在一个单页网站上使用 jQuery Smooth Scroll,每个“面板”的右上角都有导航。每次用户更改“面板”时,我想通过在导航中突出显示该选择来显示当前选择的“面板”。插件中是否已经内置了一种简单的方法来做到这一点?谢谢!
【问题讨论】:
假设您的每个导航按钮共享同一个类(例如.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)
【讨论】: