FullPage.js全屏滚动插件

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>

FullPage.js全屏滚动插件

原文：http://www.cnblogs.com/liuyanxia/p/5106021.html