2017-06-01 4 views
1

J'essaie d'obtenir la navigation fixe dans l'exemple ci-dessous pour travailler avec fullpage.js http://turnwall.com/demos/webdev_part11/index.html http://www.turnwall.com/articles/adding-single-page-scrolling-navigation-to-your-site/fixe/défilement nav section fullpage.js Page

La question que je vais avoir est l'état actif ne s'affiche pas en fonction de l'ancre passée/cliquée. La seule chose que j'ai différée n'utilise pas l'ID de section comme référence/identifiant d'ancre (besoin de la même classe pour les sections afin que fullpage.js fonctionne).

Sachez aussi que fullpage.js a sa propre navigation intégrée, mais j'ai besoin de la flexibilité d'un 'ancrage' actif se référant à/étant actif sur quelques sections, et pas seulement l'affichage de chaque section dans le nav.

J'apprécierais tous les conseils!

<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> 

Répondre

0

J'ai besoin de la flexibilité d'une « ancre » actif faisant référence à/être actif sur quelques sections, et pas seulement afficher chaque section unique dans la navigation.

Créez simplement votre propre menu comme détaillé dans this answer. Pas besoin d'utiliser l'option menu dans ce cas. Comme vous voulez un menu beaucoup plus personnalisé qui activera le même élément pour plusieurs sections.