javascript - Contrôle de défilement horizontal sur fullpage.js
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-05-16 13:45:15
0
2
560

Cet attribut contrôle l'affichage des points de saut de page horizontaux, mais je ne peux pas contrôler le contenu interne. Par exemple, je dois apporter quelques modifications au contenu de ce point. Il n'y a aucune explication dans le document officiel.

<p class="section bg">
    <p class="slide project0 bg"></p>
    <p class="slide project1 bg"></p>
    <p class="slide project2 bg"></p>
    <p class="slide project3 bg"></p>
</p>


slidesNavigation: true

Comme ça

曾经蜡笔没有小新
曾经蜡笔没有小新

répondre à tous(2)
阿神

J'ai trouvé un moyen, écrivez votre propre dom dans le conteneur, puis utilisez des ancres

滿天的星座

Barre de navigation personnalisée :

$.fn.fullpage({
  'anchors': ['page1', 'page2', 'page3', 'page4'],//锚点对应html标签
  'menu' : '#menu'//导航的容器,对应html的id
});

html
utiliser data-menuanchor

<p id="menu" class="nav">  
    <ul>  
        <li data-menuanchor="page1">  
            <a href="#page1"></a>   
        </li>  
        <li data-menuanchor="page2">  
            <a href="#page2"></a>   
        </li>  
        <li data-menuanchor="page3">  
            <a href="#page3"></a>         
        </li>  
        <li data-menuanchor="page4">  
            <a href="#page4"></a>   
        </li>  
    </ul

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal