首页 > 代码库 > fullpage.js

fullpage.js

fullpage方法:

所有的方法都用如下格式:

$.fn.fullpage.xxx();

moveSectionUp():

向上滚动一页。

moveSectionDown():

向下滚动一页。

moveTo(section,slide):

滚动到第几页,第几个幻灯片,注意,页面是从1开始,而幻灯片是从0开始

silentMoveTo(section,slide):

滚动到第几页,和moveTo一样,但是没有动画效果。

moveSlideRight():

幻灯片向右滚动。

moveSlideLeft():

幻灯片向左滚动。

setAllowScrolling(boolean,[directions]):

添加或删除鼠标滚轮/滑动控制,第一个参数 true 为启用,false 为禁用,后面的参数为方向,取值包含 all, up, down, left, right, 可以使用多个,逗号隔开。

destroy(type):

销毁 fullpage 特效,type 可以不写,或者使用 all 。

不写 type ,fullpage 给页面添加的样式和 html 元素还在。如果使用 all,则样式、html 等全部销毁,页面恢复和不使用 fullpage 相同的效果。

reBuild():

重新更新页面和尺寸,用于通过 ajax 请求后改变了页面结构之后,重建效果。

Lazy Loading(延迟加载)

图片:

<img data-src="image.png">

视频:

<video>
    <source data-src="video.webm" type="video/webm" />
    <source data-src="video.mp4" type="video/mp4" />
</video>

 

fullpage.js