1、API

基本API

sectionsColor:['green','orange','red','grey'],//为每一层设置背景颜色

controlArrows:true,//是否显示幻灯片的左右按钮

verticalCentered:true,//每一页的内容是否竖直居中

resize:false,//字体是否随着窗口的改00000000变而改变

keyboardScrolling:true,//键盘的方向键是否可以控制页面的滚动

paddingTop:'0px',//默认距离头部的距离，为的是固定头部的导航栏

paddingBottom:'0px',//默认距离头部的距离，为的是固定底部的导航栏

touchSensitivity:5,//移动设备滑动敏感性，用百分比控制，最高为100

css3:true,//fullpage默认使用css3来实现滚动，在不支持时会用进去而原来实现，这里是手动禁止css3






锚链接


anchors:['page1','page2','page3','page4'],
//为每个页面添加锚链接，注意名字不要和任意id和name相同，尤其是IE浏览器下，而且不需要“#”


lockAnchors:false,//锁定锚链接，使其失效，但不影响其作用，极其少用


animateAnchor:true,//激活锚链接时是否有滚动效果


recordHistory:true,//记住浏览历史，可以通过浏览器的前进后退按钮来进行翻页


menu:'#fullpageMenu',//设置锚链接的菜单，这里要以选择器的形式来获取，菜单必须配合下面的菜单样例








<!--菜单-->


<ul id="fullpageMenu">
    <li data-menuanchor="page1" class="active"><a href="#page1">1 section</a></li>
    <li data-menuanchor="page2"><a href="#page2">2 section</a></li>
    <li data-menuanchor="page3"><a href="#page3">3 section</a></li>
    <li data-menuanchor="page4"><a href="#page4">4 section</a></li>
</ul>






滚动效果



loopTop:false,//滚到第一屏，继续回滚到最后一屏


loopBottom:false,//滚到最后一屏，继续回滚到第一屏


loopHorizontal:false,//幻灯片的第一屏和最后一屏来回滚动



continuousVertical:false,//是否循环滚动


autoScrolling:true,//是否按页滚动


scrollBar:false,//是否按有滚动条,当设置为true时滚动条效果和按页滚动效果同时有效


scrollingSpeed:700,//滚动的速度，单位为毫秒


easing:easeInOutCubic,//section滚动方式，可以引入jquery.easings插件或者jquery ui








section的导航



navigation:true,//是否显示小圆点导航


navigationPosition:'right',//小圆点导航位置，只有left和right


navigationTooltips:['第一屏','第二屏','第三屏','第四屏'],//小圆点导航的提示


showActiveTooltip:true,//显示当前屏的小圆点导航的提示信息








幻灯片的导航



slidesNavigation:true,//是否显示幻灯片导航


slidesNavPosition:'top',//幻灯片导航的位置，只有top和bottom


scrollOverflow:true,
//当一屏的内容超过区域时出现滚动条，它要求供应商库scrolloverflow.min.js并且它应该在fullPage.js插件之前加载






屏和幻灯片的dom选择器



sectionSelector:'.section',


slideSelector:'.slide'

 

 

 

来自为知笔记(Wiz)