api.md

zepto.fullpage文档

专注于移动端的fullPage.js。fullPage主张将动画交给css或js去做，主动权交给作者。

参数

fullPage支持无参数的调用，每个参数都会有默认值，如果想实现自定义的功能，可以使用自定义参数。一个典型的自定义参数如下：

$('*').fullpage({
	page: '.page',
    start: 0,
    duration: 500,
    drag: false,
	loop: false,
	dir: 'v',
    change: function () {},
    beforeChange: function () {},
    afterChange: function () {},
    orientationchange: function () {}
});

• 属性例子
• 事件例子

page

每屏的选择符，默认是 .page。

start

从第几屏开始，默认是第一屏。

duration

每屏动画切换的时间，这段时间内，不能重复切换，默认是500ms，这里只是js限制，css动画时间需要更改css文件。

drag

是否开启拖动功能，默认关闭。

loop

是否开启循环滚动，默认false。

dir

切换方向，默认垂直方向(v|h)。

change/beforeChange/afterChange

当切换屏幕时会触发的事件。剩下两个顾名思义吗。

• e {Object} 事件的参数

e包含两个属性next和cur，表示切换到的屏幕和当前屏幕。

orientationchange

当屏幕发生旋转时的回调。

• dir {String} 当前屏幕的方向 portrait 竖屏 landscape 横屏。

方法

通过方法，可以改变fullPage内部的状态，fullPage的方法列表如下：

• update
• moveTo
• movePrev
• moveNext
• start
• stop

典型调用方法的例子如下：

$.fn.fullpage.update();

更多例子。

update

此方法会重新计算和渲染每屏的高度，当你发现如果每屏的高度有问题时，手动调用下此方法就可以了。

moveTo

切换到指定屏，如果指定的屏数大于屏总数或小于0，都会做修正处理。

• next {Number} 必须 要切换到的屏索引
• anim {Bollean} 可省略 是否有动画 默认为没有动画效果

movePrev

向前一屏，是对moveTo的封装

-anim {Bollean} 可省略 是否有动画 默认为没有动画效果

moveNext

向后一屏，是对moveTo的封装

-anim {Bollean} 可省略 是否有动画 默认为没有动画效果

start

开启切换功能，和stop配合使用。

丰富页面功能，比如到了某页需要点击某个元素后才能到下一页的时候 这个就有用了～～

stop

关闭切换功能，和start配合使用