【问题标题】:jQuery Smooth Scroll Current/ActivejQuery 平滑滚动当前/活动
【发布时间】:2012-04-05 20:56:56
【问题描述】:

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

jQuery Smooth Scroll website

【问题讨论】:

    标签: jquery scroll smooth


    【解决方案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)
    

    【讨论】:

    • 我最终不需要此功能,但感谢您的回复。如果我需要它,您的代码似乎可以工作。谢谢! :)
    • 没问题。总是乐于提供帮助。
    猜你喜欢
    • 1970-01-01
    • 2012-05-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多