FullPage.js自学笔记（四）

fullpage回调函数

fullpage.jpg

一、afterLoad（anchorLink,index）

滚动到某一section，且滚动结束后，会触发一次此回调函数，函数接收anchorLink和index两个参数，anchorLink是锚链接的名称，index是序号，从1开始计算。
注：我们可以根据anchorLink和index参数值的判断，触发相应的事件。示例代码如下：

 
 
 
 

 




 
这是第一屏
 

   
slide1
   
slide2
   
slide3
   
slide4
   
slide5
   
slide6
 
 
这是第三屏
 
这是第四屏






 

二、onLeave(index,nextIndex,direction)

在离开一个section时，会触发一次此回调函数，接收index、nextIndex和direction3个参数：
index是离开的页面的序号，从1开始计算；
nextIndex是滚动到的目的页面的序号，从1开始计算；
direction判断是网上滚动还是往下滚动，值是up或down。
注：通过return false;可以取消滚动。

三、afterRender()

页面结构生成后的回调函数，或者说页面初始化完成后的回调函数。

四、afterResize()

浏览器窗口尺寸改变后的回调函数。

五、afterSlideLoad(anchorLink,index,slideAnchor,slideIndex)

滚动到某一幻灯片的回调函数，与afterLoad类似，接收anchorLink、index、slideAnchor、slideIndex4个参数。

六、onSlideLeave

onSlideLeave(anchorLink,index,slideIndex,direction,nextSlideIndex);
在我们离开一个slide时，会触发一次此回调函数，与onLeave类似。示例代码如下：

学习是一件很快乐的事，这种快乐来自于你的思考。完成一项学习任务固然重要，但更重要的是在完成的过程中学到了什么，掌握了什么，遇到一些什么问题，为什么会出现这种问题，根源是什么，都有哪些解决方案，什么样的情况适合这个方案。只有在不断的思考，你的能力才会有所提升！