javascript - 关于fullpage.js的横向滚动控制

Question

这个属性是控制是否显示横向的跳页小圆点，但是我没法控制内部内容啊，比如我需要对这个小圆点做一些内容上的修改，官方文档上并没有说明啊，求助！

<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

像这样

Answer 1

找到办法了，把自己的dom写到容器里面，然后用锚点

Answer 2

自定义导航栏：

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

html
使用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