固定/滚动上fullpage.js部分页面导航

Question

我试图让在例子中，固定导航下方与fullpage.js http://turnwall.com/demos/webdev_part11/index.html http://www.turnwall.com/articles/adding-single-page-scrolling-navigation-to-your-site/

我遇到的问题工作是有效状态不显示取决于哪个锚已通过/点击。我唯一不同的是不使用节ID作为引用/锚ID（为了使fullpage.js能够正常工作，需要相同的节。

也知道fullpage.js有它自己的内置导航，但是，我需要一个活动的'锚'的灵活性，指的是/在几个部分活跃，而不是只显示在导航中的每一个部分。

希望有任何建议！

<script type="text/javascript" src="js/scrolloverflow.js"></script> 
<script type="text/javascript" src="js/jquery.fullPage.js"></script> 
<script type="text/javascript" src="js/jquery.combinedScroll.js"></script> 
</head> 

<div id="fullpage"> 

<nav class="site-navigation page-navigation"> 
    <ul div="menu"> 
    <li class=""><a href="#top">Top</a></li> 
    <li class="current"><a href="#next">One</a></li> 
    <li class=""><a href="#next">Two</a></li> 
    </ul> 
</nav> 
<div class="section" data-color="red"> 
<div id="right"><img id="sweets" src="work/hav-2.png"/></div> 
</div> 
    <div class="section" data-color="indigo"> 
</div> 
    </div> 
    <div class="section" data-color="grey"> 
    <div id="next">NEXT PROJECT ↓</div> 

    </div> 
</div> 

Answer 1

我需要一个活跃的“锚”指的是/是上几节 活跃，而不是仅仅显示在导航的每一个部分 的灵活性。

只需创建您自己的菜单，详见this answer。 在这种情况下，不需要使用menu选项。正如你想要一个更多的自定义菜单，将激活多个部分的相同元素。