固定/滾動上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選項。正如你想要一個更多的自定義菜單，將激活多個部分的相同元素。