首页 > Web开发 > 详细

fullpage.js

时间:2017-06-04 19:02:52      阅读:257      评论:0      收藏:0      [点我收藏+]

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

原文:http://www.cnblogs.com/jongsuk0214/p/6941338.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!