javascript - Horizontal scroll control about fullpage.js

Question

This attribute controls whether to display horizontal page jump dots, but I cannot control the internal content. For example, I need to make some content modifications to this dot. There is no explanation in the official document. Please help. !

<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

like this

Answer 1

I found a way, write your own dom into the container, and then use anchors

Answer 2

Customized navigation bar:

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

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