fullpage.js

Posted 2020-09-21 靥放

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>