Javascript Fullpage.js：如何添加css类；主动的；滑锚

我将“活动”类添加到菜单条目中，以便突出显示当前选中的部分。是否可以为幻灯片添加此选项

---

版本：2.6.4

您应该使用fullPage.js slides回调来执行此操作，例如：

$('#fullpage').fullpage({    
    afterLoad: function (anchorLink, index) {
        //section 2 loaded
        if (index == 2) {
            //adding active class to the 1st element in the slide menu
            $('#myMenu').find('li').eq(0).addClass('active');
        }
    },

    //
    afterSlideLoad: function (anchorLink, index, slideAnchor, slideIndex) {

        //only for slides in section 2
        if (index == 2) {
            $('#myMenu').find('li.active').removeClass('active');
            $('#myMenu').find('li').eq(slideIndex).addClass('active');
        }
    }
});

或者，如果您愿意，可以将fullPage.js类添加到站点的body元素中，该元素属于

fp-viewing-section-anchor-slideAnchor

。看

这在css中相对简单：

获取当前body类：即

fp-view

和它显示的任何内容

添加要在菜单中显示active的第n个子项

---

寻求调试帮助的问题（“为什么这段代码不起作用？”）必须包括所需的行为、特定的问题或错误以及在问题本身中重现它所需的最短代码。没有明确问题说明的问题对其他读者没有用处。谢谢你，这解决了我的问题，有了这个新想法，我在我的页面上添加了一些其他功能；-）一个更优雅的解决方案，以获得相同的结果，谢谢！

body.fp-viewing-1-0 #myMenu .first{
    background: yellow;
}

.fp-viewing-1 ul#menu li:nth-child(1) a