Fullpage.js 常用属性、方法及函数

(个人经验，仅供参考，错误之处，敬请谅解)

引用

<link rel="stylesheet" href="......fullpage.css"/>
<script src="......jquery.js"></script>
<script src="......fullpage.js"></script>
<script src="......easing.js"></script>
<script src="......scrolloverflow.js"></script>

<script>
	$(document).ready(function(){
		$('#fullpage').fullpage({........});
	}
</script>

属性

1. sectionColor:[’’,’’,’’,’’] (给所有section指定颜色)
2. controlArrows: 是否通过箭头控制幻灯片
3. verticalCentered:每个section的内容是否垂直居中
4. resize: 字体是否随着窗口缩放而变化
5. scrollingSpeed: 滚动速度，单位为毫秒
6. anchors: [’’,’’,’’,’’]定义锚链接
7. lockAnchors:是否锁定锚链接
8. easing: 定义滚动动画
9. css3:是否优先使用css3实现动画
10. loopTop: 到达顶部是否可以滚动到底部
11. loopBottom:到达底部是否可以滚动到顶部
12. loopHorizontal:幻灯片是否可以循环滚动
13. autoScrolling;是否使用插件滚动
14. scrollBar:是否包含滚动条
15. paddingTop/paddingBottom:设置所有section顶部和底部padding
16. fixedElements:固定不动的元素
17. keyboardScrolling:是否可以使用键盘滚动
18. touchSensitivity:滑动页面的敏感度
19. continuousVertical:是否可以循环滚动 （与loop不兼容)
20. animateAnchor:锚链接是否可以控制滚动动画
21. recordHistory:是否记录滚动历史 (autoScrolling设置为false则为false)
22. menu:绑定菜单
23. navigation:是否显示导航
24. navigationPosition:导航点位置
25. navigationTooltips:[’’,’’,’’]
26. showActiveTooltip:是否显示当前页面导航的tooltip
27. slidesNavigation:是否显示幻灯片的导航
28. slidesNavPosition:幻灯片的导航位置
29. scrollOverflow:内容超过满屏是否显示滚动条
30. sectionSelector:section的选择器
31. slideSelector:slide的选择器

方法

1. moveSectionUp/Down:向上/下滚动一页
2. moveTo(section,slide):到指定位置 (页面首序为1，幻灯片为0 )
3. silentMoveTo(section,slide):无动画跳
4. moveSlideLeft/Right:幻灯片向左/右滚动
5. setAutoScrolling(boolean)
6. setLockAnchors(boolean)
7. setRecordHistory(boolean)
8. setScrollingSpeed(milliseconds)
9. setAllowScrolling(boolean,[directions]):管理鼠标滚轮/滑动控制
10. destroy(type):销毁特效
11. reBuild():重构页面

函数

1. afterLoad(anchorLink,index):滚动某一页结束调用
2. onLeave(Index,nextIndex,direction):离开某一页调用
3. afterRender():页面初始化完成后调用
4. afterResize():浏览器窗口尺寸改变后调用
5. afetSlideLoad(anchorLink,index,slideAnchor,slideIndex):滚动到某一幻灯片调用
6. onSlideLeave(anchorLink,index,slideAnchor,slideIndex):离开某一幻灯片调用