/Fest Scrollen nav auf fullpage.js Abschnitt Seite

Question

Ich versuche, die feste Navigation im Beispiel zu bekommen unten mit fullpage.js ist Ich habe http://turnwall.com/demos/webdev_part11/index.html http://www.turnwall.com/articles/adding-single-page-scrolling-navigation-to-your-site/

Die Frage zu arbeiten die aktiven Zustand wird nicht angezeigt, je nachdem, welcher Anker passiert/geklickt hat. Die einzige Sache, die ich unterschieden habe, ist die Verwendung von Abschnitts-IDs als Referenz-/Anker-ID (dieselbe Klasse für Abschnitte erforderlich, damit fullpage.js funktioniert).

Auch bekannt fullpage.js hat sein eigenes eingebautes Nav, aber ich brauche die Flexibilität eines aktiven 'Ankers', der sich auf einige Abschnitte bezieht und/oder aktiv ist und nicht nur jeden einzelnen Abschnitt im Nav anzeigt.

Würde mich über jeden Rat freuen!

<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

muss ich die Flexibilität eines aktiven ‚Anker‘ mit Bezug auf/ aktiv auf einigen Abschnitten zu sein, und nicht nur jeden einzelnen Abschnitt im nav anzeigt.

Erstellen Sie einfach Ihr eigenes Menü wie in this answer beschrieben. In diesem Fall muss die Option menu nicht verwendet werden. Da Sie ein viel benutzerdefinierteres Menü wünschen, das dasselbe Element für mehrere Abschnitte aktiviert.