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

问题描述

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

<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

像这样

问题解答

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

自定义导航栏：

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

html使用data-menuanchor

<p class='nav'> <ul> <li data-menuanchor='page1'> <a href='https://www.haobala.com/wenda/3106.html#page1'></a> </li> <li data-menuanchor='page2'> <a href='https://www.haobala.com/wenda/3106.html#page2'></a> </li> <li data-menuanchor='page3'> <a href='https://www.haobala.com/wenda/3106.html#page3'></a> </li> <li data-menuanchor='page4'> <a href='https://www.haobala.com/wenda/3106.html#page4'></a> </li> </ul