fullPage.js 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏网站，主要功能有：

• 支持鼠标滚动
• 支持前进后退和键盘控制
• 多个回调函数
• 支持手机、平板触摸事件
• 支持 CSS3 动画
• 支持窗口缩放
• 窗口缩放时自动调整
• 可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等

fullpage的配置项整理：

<script>
$(document).ready(function(){
$('#fullpage').fullpage({
sectionsColor:['green','red','gray','blue'] //为每一个section设置background-color属性。
controlArrows:true //定义是否通过箭头来控制slide幻灯片，默认为true，当我们设置为false，则幻灯片左右两侧的箭头就会消失，再移动设备上我们可以通过滑动来操作幻灯片。
verticalCentered:true //每一页的内容是否垂直居中，默认为true，一般保留默认值。
resize：false //字体是否随着窗口缩放而缩放，默认为false。
srollingSpeed：700 //滚动速度，单位为毫秒，默认为700.
loopTop：true //滚动到最顶部后是否连续滚动到底部，默认为false
loopBottom：true //滚动到最底部后是否连续滚动到顶部，默认为false
loopHorizontal：true //横向slider幻灯片是否循环滚动，默认为true
keyboardScrolling：true //是否可以使用键盘方向键导航，默认为true
recordHistory：true //是否记录历史，默认为true，可以记录页面滚动历史，通过浏览器的前进后退来导航。
navigation：false //是否显示导航，默认为false，如果设为true，会显示小圆点，作为导航。
navigationPosition：left //导航小圆点的位置，可为left或right
navigationTooltips： //导航小圆点tooltips设置，默认为[]，注意按照顺序
slidesNavigation：false //是否显示横向幻灯片的导航，默认为false
slidesNavPosition：top //横向幻灯片导航的位置，默认为bottom，可设为top。
scrollOverflow：false //内容超过满屏后是否显示滚动条，默认为false，如果设为true，则会显示滚动条。

});
});

</script>