You should be using fullPage.js slides callbacks to do so, for example:
$('#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');
}
}
});
Demo online
Or, if you prefer, the class fullPage.js adds to the body element of your site which is of the kind fp-viewing-sectionAnchor-slideAnchor
. See this video.
body.fp-viewing-1-0 #myMenu .first{
background: yellow;
}
Demo online
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…