滑块/滚动导航 - 从导航栏中删除部分和更改导航颜色的部分

嗨我目前使用fullpage.js并希望使用固定的“滑块”导航（在右边的点），但有两个问题我正在努力解决。滑块/滚动导航 - 从导航栏中删除部分和更改导航颜色的部分

如何让只有某些部分显示为导航中的项目/链接而不是每个部分（它目前正在采用）？基本上，我有一个“标题幻灯片”页面的每3-4部分，只希望这些部分出现在导航，而不是所有的部分之间。是否有可能创建一些变量作为目标？或者有人知道另一个允许这种行为的slideNav？

function addVerticalNavigation(){ 
    $body.append('<div id="' + SECTION_NAV + '"><ul></ul></div>'); 
    var nav = $(SECTION_NAV_SEL); 

    nav.addClass(function() { 
     return options.showActiveTooltip ? SHOW_ACTIVE_TOOLTIP + ' ' + options.navigationPosition : options.navigationPosition; 
    }); 

    for (var i = 0; i < $(SECTION_SEL).length; i++) { 
     var link = ''; 
     if (options.anchors.length) { 
      link = options.anchors[i]; 
     } 

     var li = '<li><a href="#' + link + '"><span></span></a>';

我想根据具体的部分背景颜色来区分导航颜色（白色或黑色）。我发现了一个代码片段，它可以帮助我实现这个固定的导航栏... Make Header/Navigation change colour when on different section of the website ...但它的目标是html/a nav'div'，它不存在于slidesNav ...从我所能看到的那有很多这些jQuery滑块导航的情况。有人可以建议一种解决方法，或知道一个包含HTML？

来源

2017-05-28 user3358714

1-可能最简单的方法是创建自己的导航系统，并使用fullpage.js回调或状态类来设置活动的样式。检查this answer。

2-只覆盖元素的活动类并使用不同的颜色。

#fp-nav ul li:nth-child(1) a.active span, 
#fp-nav ul li:nth-child(1):hover a.active span{ 
    background:blue; 
} 
#fp-nav ul li:nth-child(2) a.active span, 
#fp-nav ul li:nth-child(2):hover a.active span{ 
    background:red; 
}

Demo online

来源

2017-05-29 14:39:06 Alvaro

滑块/滚动导航 - 从导航栏中删除部分和更改导航颜色的部分

回答

相关问题