javascript - 关于fullpage.js的横向滚动控制-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

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

曾经蜡笔没有小新 2017-05-16 13:45:15

[HTML讨论组]

570

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

<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

像这样

曾经蜡笔没有小新

全部回复(2)

阿神2017-05-16 13:47:15 2楼

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

赞 +0

添加回复

滿天的星座2017-05-16 13:47:15 1楼

自定义导航栏：

$.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

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>