Fullpage.js导航栏在幻灯片上不活动而不是部分

Question

大家好我刚刚开始在这里学习Fullpage.js，我想知道我是否可以让我的页面分为3个部分1，标题1表示节，1表示页脚。然后在Section部分中设置4-5个滑块。我想要的是导航栏只突出显示该部分中的当前滑块而不是一次全部4-5个... 像这样：

然后，当我去这些部分时，它会这样做：

和最后一节：

如何让它仅在当前滑块上激活而不是全部？ 提前谢谢^^

Answer 1

我建议您使用fullPage.js state classes。可能是最简单的方法。

使用添加到fp-viewing-x-y的{​​{1}}类应该非常简单。例如：

body

Reproduction online

如果您更喜欢使用jQuery或JavaScript，则可以使用fullpage.js回调，例如.fp-viewing-home-0 #menu li:nth-child(1){ background:red; } .fp-viewing-home-1 #menu li:nth-child(2){ background:red; } .fp-viewing-home-2 #menu li:nth-child(3){ background:red; } 。 请参阅another of my answers和example online。