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
像这样
问题解答
回答1:找到办法了,把自己的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
相关文章:
1. angular.js - ng-grid 和tabset一起用时,grid width默认特别小2. css - transform-origin 旋转参考点3. 请问是对象还是数组4. nginx - ssl加密访问证书不受信任5. java - socket类服务端如何防止被ddos攻击?6. vim - docker中新的ubuntu12.04镜像,运行vi提示,找不到命名.7. python - pyspider爬取了接近1G的数据,无法导出csv?8. python的文件读写问题?9. python for循环中的函数只能运行一次?10. javascript - Vue.js2.0不能使用debounce后大伙一般是如何解决延迟请求的问题的呢。
