FullPage.js中文帮助文档API
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的更多相关文章
- jQuery全屏滚动插件fullPage.js中文帮助文档API
jQuery全屏滚动插件fullPage.js中文帮助文档API 发现了一个fullPage.js插件,于是百度了一下,还就是这个插件的作用,其实有很多网站都做了全屏滚动的特效,效果也很好看,今天 ...
- 强大的矢量图形库:Raphael JS 中文帮助文档及教程
Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库.它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,你可以通过 JavaScript 操作 DOM 来轻松创建出 ...
- smarty3.0中文手册文档API及使用指南
1.安装Smarty3.0一.什么是smarty?smarty是一个使用PHP写出来的模板PHP模板引擎,它提供了逻辑与外在内容的分离,简单的讲,目的就是要使用PHP程序员同美工分离,使用的程序员改变 ...
- Raphaël 中文帮助文档(API)
http://html5css3webapp.com/raphaelApi.htm
- [转载]fullPage.js中文api 配置参数~
fullPage.js中文api 配置参数 选项 类型 默认值 说明 verticalCentered 字符串 true 内容是否垂直居中 resize 布尔值 false 字体是否随着窗口缩放而缩放 ...
- Sencha Cmd 6 和 Ext JS 6 指南文档(部分官方文档中文翻译)
近期组织了几个程序员网友,正在翻译一部分官方的Sencha Cmd 6 和 Ext JS 6 指南文档. 眼下还没翻译完,大家能够先看看 Sencha Cmd 6 和 Ext JS 6 指南文档 ( ...
- Plupload上传插件中文帮助文档
Plupload上传插件中文帮助文档 配置参数 实例化一个plupload对象时,也就是 new plupload.Uploader(),需要传入一个对象作为配置参数.后面内容中出现的plupload ...
- Highcharts中文帮助文档
Highcharts中文帮助文档Highcharts 简介: Highcharts 是一个制作图表的 Javascript 类库,可以制作的图表有:直线图,曲线图.区域图.区域曲线图.柱状图.饼装图. ...
- 【转帖】(一)unity4.6Ugui中文教程文档-------概要
原帖至上,移步请戳:(一)unity4.6Ugui中文教程文档-------概要 unity4.6中的一个重要的升级就是GUI ,也把它称为UGUI ,废话我不多说,大家可以百度了解一下. 虽然现在处 ...
随机推荐
- Linux重要命令练习之bc
- Django ORM多表查询练习
ORM多表查询 创建表结构: from django.db import models # 创建表结构 # Create your models here. class Class_grade(mod ...
- Centos 7.4 DNS域名解析
1.安装部署包 yum -y install bind bind-utils bind-chroot 2.启动服务并设置开机自启动 [root@localhost ~]# systemctl star ...
- Maven - 工作原理
章节 Maven – 简介 Maven – 工作原理 Maven – Repository(存储库) Maven – pom.xml 文件 Maven – 依赖管理 Maven – 构建生命周期.阶段 ...
- Day 1:线程与进程系列问题(一)
一.进程与线程 进程:正在执行的程序称为一个线程,主要负责内存空间的划分. 线程:线程在一个进程中负责代码的执行,就是进程中的一个执行路径. 多线程:在一个进程中有多个线程同时在执行不同的任务(同时指 ...
- input自动填入密码以后变成白色和黄色的解决办法
问题描述: 1.谷歌自动输入账号密码以后颜色变成黄色: 解决办法: 加样式: input:-webkit-autofill { background: red !important; color: # ...
- Codeforces 1296D - Fight with Monsters
题目大意: n 只怪兽,每只的血量为 h[i] ,你的攻击力为 a ,你的对手攻击力为 b 打每只怪兽时,都是你先出手,然后你的对手出手,这样轮流攻击 如果是你给予了怪兽最后一击,你就能得到一分 你还 ...
- SpringCloud学习之Bus消息总线实现配置自动刷新(九)
前面两篇文章我们聊了Spring Cloud Config配置中心,当我们在更新github上面的配置以后,如果想要获取到最新的配置,需要手动刷新或者利用webhook的机制每次提交代码发送请求来刷新 ...
- Ubuntu Kylin 14.04LTS 开机后卡在登陆界面,可以进入字符界面,或者登陆后鼠标不显示但是管用
2014年4月27日,距离中期检查还有七天,基本上什么也没做,特别着急,雨已经下了快一天了,中午用美团外卖定的黄焖排骨,MD,什么玩意,那么一点点就18块钱,一看就不值五块钱,发誓再也不吃,最重要的是 ...
- Python说文解字_Python之多任务_05
问:在Py3.5之前yield表现非常好,在Py3.5之后为了将予以变得更加明确,就引入了async和await关键词用于定义原生的协议. 答:async和await原生协程: async def d ...