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‘