fullPage.js的方法:

 1. moveSectionUp()

功能:向上滚动一页。

 2. moveSectionDown()

功能:向下滚动一页。

3. moveTo(section, slide)

功能:滚动到第几页的第几个幻灯片。 
注意:页面是从1开始,幻灯片是从0开始。

4. silentMoveTo(section, slide)

功能:滚动到第几页的第几个幻灯片,但是没有动画效果。

5. moveSlideRight()

功能:幻灯片向右滚动。

6. moveSlideLeft()

功能:幻灯片向左滚动。

7. setAutoScrolling(boolean)

功能:动态设置autoScrolling。

8. setLockAnchors(boolean)

功能:动态设置lockAnchors。

9. setRecordHistory(boolean)

功能:动态设置recordHistory。

10. setScrollomgSpeed(milliseconds)

功能:动态设置scrollingSpeed。

11. setAllowScrolling(boolean,[directions])

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

fullPage.js的回调函数:

 1. afterLoad(anchorLink, index)

功能:滚动到某一section,并且滚动结束后,会触发一次回调函数,函数接收anchorLink和index两个参数,anchorLink是锚链接的名称,index是序号,从1开始 计算。 
例如:

afterLoad:function(anchorLink, index){
console.log("anchorLink:"+anchorLink+"\t index:"+index);
},
  • 1
  • 2
  • 3
 2. onLeave(index, nextIndex,direction)

功能:在离开一个section时,会触发一次调回函数,接收index、nextIndex和direction 三个参数。 
index是离开页面的序列号,从1开始算起; 
nextIndex是滚动到目标页面的序列号,从1开始算起。 
direction是判断向上还是向下滚动,值为up或down。 
例如:

onLeave:function(index,nextIndex,direction){
console.log("index:"+index+" nextIndex:"+nextIndex+" direction:"+direction);
},
  • 1
  • 2
  • 3
 3. afterRender()

功能:页面结构生成后的回调函数,或者说是页面初始化完成后的回调函数。 
例子:

afterRender:function(){
console.log("afterRender");
},
  • 1
  • 2
  • 3
 4. afterResize()

功能:浏览器窗口尺寸改变后的回调函数。 
例子:

afterResize:function(){
console.log("afterResize"); },
  • 1
  • 2
 5. afterSlideLoad(anchorLink, index, slideAnchor, slideIndex)

功能:滚动到某一幻灯片后的回调函数,与afterLoad类似。slideAnchor、slideIndex起始值为0。 
例子:

afterSlideLoad:function(anchorLink, index, slideAnchor, slideIndex){
console.log("anchorLink:" + anchorLink +" index:" + index +" slideAnchor:" + slideAnchor +" slideIndex:" + slideIndex );
},
  • 1
  • 2
  • 3
 6. onSlideLeave(anchorLink, index, slideAnchor, direction, slideIndex)

功能:在离开一个slide时,会触发一次的回调函数,与onLeave类似。direction的值为left或者right。slideAnchor、slideIndex起始值为0。 
例子:

onSlideLeave:function(anchorLink, index, slideAnchor, direction, slideIndex){
console.log("anchorLink:" + anchorLink +" index:" + index +" slideAnchor:" + slideAnchor +" direction:" + direction +" slideIndex:" + slideIndex );
},

FullPage.js中文帮助文档API的更多相关文章

  1. jQuery全屏滚动插件fullPage.js中文帮助文档API

    jQuery全屏滚动插件fullPage.js中文帮助文档API   发现了一个fullPage.js插件,于是百度了一下,还就是这个插件的作用,其实有很多网站都做了全屏滚动的特效,效果也很好看,今天 ...

  2. 强大的矢量图形库:Raphael JS 中文帮助文档及教程

    Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库.它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,你可以通过 JavaScript 操作 DOM 来轻松创建出 ...

  3. smarty3.0中文手册文档API及使用指南

    1.安装Smarty3.0一.什么是smarty?smarty是一个使用PHP写出来的模板PHP模板引擎,它提供了逻辑与外在内容的分离,简单的讲,目的就是要使用PHP程序员同美工分离,使用的程序员改变 ...

  4. Raphaël 中文帮助文档(API)

    http://html5css3webapp.com/raphaelApi.htm

  5. [转载]fullPage.js中文api 配置参数~

    fullPage.js中文api 配置参数 选项 类型 默认值 说明 verticalCentered 字符串 true 内容是否垂直居中 resize 布尔值 false 字体是否随着窗口缩放而缩放 ...

  6. Sencha Cmd 6 和 Ext JS 6 指南文档(部分官方文档中文翻译)

    近期组织了几个程序员网友,正在翻译一部分官方的Sencha Cmd 6 和 Ext JS 6 指南文档. 眼下还没翻译完,大家能够先看看 Sencha Cmd 6 和 Ext JS 6 指南文档  ( ...

  7. Plupload上传插件中文帮助文档

    Plupload上传插件中文帮助文档 配置参数 实例化一个plupload对象时,也就是 new plupload.Uploader(),需要传入一个对象作为配置参数.后面内容中出现的plupload ...

  8. Highcharts中文帮助文档

    Highcharts中文帮助文档Highcharts 简介: Highcharts 是一个制作图表的 Javascript 类库,可以制作的图表有:直线图,曲线图.区域图.区域曲线图.柱状图.饼装图. ...

  9. 【转帖】(一)unity4.6Ugui中文教程文档-------概要

    原帖至上,移步请戳:(一)unity4.6Ugui中文教程文档-------概要 unity4.6中的一个重要的升级就是GUI ,也把它称为UGUI ,废话我不多说,大家可以百度了解一下. 虽然现在处 ...

随机推荐

  1. Ubuntu Vi指令

    Ubuntu在不更新源的情况下是没办法使用Vim指令的只能使用Vi指令 所有我也就记录了下来 vi / vim命令: 插入内容: i: 插入光标前一个字符 I: 插入行首 a: 插入光标后一个字符 A ...

  2. 2016蓝桥杯省赛C/C++A组第六题 寒假作业

    题意:现在小学的数学题目也不是那么好玩的. 看看这个寒假作业: □ + □ = □ □ - □ = □ □ × □ = □ □ ÷ □ = □ 每个方块代表1~13中的某一个数字,但不能重复. 比如: ...

  3. MFC 根据字符宽度居中

    Gdiplus::Font font(_T("微软雅黑"), (Gdiplus::REAL)130); Gdiplus::RectF orgin(0.0f, 100.0f, nWi ...

  4. Java算法练习——盛最多水的容器

    题目链接 题目描述 给定 n 个非负整数 a1,a2,...,an,每个数代表坐标中的一个点 (i, ai) .在坐标内画 n 条垂直线,垂直线 i 的两个端点分别为 (i, ai) 和 (i, 0) ...

  5. 自定义环形进度条RoundProgressBar

    一.效果图: Canvas画圆环说明: 圆环宽度不必在意,只是画笔宽度设置后达到的效果. 二.实现步骤 1.自定义View-RoundProgressBar 2.设置属性resources(decle ...

  6. 《新标准C++程序设计》2.1-2.3(C++学习笔记3)

    1.结构化程序设计的不足 程序=算法+数据结构 数据结构和变量相对应,算法和函数相对应,算法是用来操作数据结构的. 结构化程序设计中,函数和其所操作的数据结构,没有直观的联系.随着程序规模的增加,程序 ...

  7. 基于图灵api的Python机器人

    一.注册图灵机器人 先注册并登录图灵机器人官网: 点击创建机器人 复制机器人的key 二.搭建Python机器人 Python版本:3.6 注意替换第三行代码的apikey import reques ...

  8. 和为S的连续正序列

    [问题]小明很喜欢数学,有一天他在做数学作业时,要求计算出9~16的和,他马上就写出了正确答案是100.但是他并不满足于此,他在想究竟有多少种连续的正数序列的和为100(至少包括两个数).没多久,他就 ...

  9. Python自学之路---Day13

    目录 Python自学之路---Day13 常用的三个方法 匹配单个字符 边界匹配 数量匹配 逻辑与分组 编译正则表达式 其他方法 Python自学之路---Day13 常用的三个方法 1.re.ma ...

  10. 使用Python绘制新型冠状肺炎全国增长趋势图

    截至1月28日24时,国家卫生健康委收到31个省(区.市)累计报告确诊病例5974例,现有重症病例1239例,累计死亡病例132例,累计治愈出院103例.现有疑似病例9239例.目前累计追踪到密切接触 ...