javascript - Contrôle de défilement horizontal sur fullpage.js

Question

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

Answer 1

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

Answer 2

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