Fullpage.js导航栏在幻灯片上活动，而不是部分
Fullpage.js导航栏在幻灯片上活动，而不是部分
提问于 2017-03-31 06:59:51
大家好，大家刚刚开始在这里学习Fullpage.js，我想知道我是否可以把我的页面分成3节，1节为页眉，1节为节，1节为页脚。然后在部分中设置4-5滑块.我想要的是导航条只突出当前滑块在该部分，而不是所有的4-5他们一次.就像这样：
然后，当我进入各部分时，它会这样做：
最后一节：
如何使它只在当前滑块上活动，而不是全部激活？预先谢谢^^
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-03-31 10:55:57
为此，我建议您使用fullPage.js状态类。可能是最简单的方法。
使用添加到fp-viewing-x-y中的body类应该非常容易。例如：
.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;
}在线复制
如果您喜欢使用jQuery或JavaScript，可以使用fullpage.js回调(如onLeave )。参见我的另一个答案和联机示例。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43134406
复制相关文章
相似问题
腾讯云开发者
