zepto.fullpage
专注于移动端的fullPage.js,依赖Zepto。
功能概述
可实现移动端的单页滚动效果,可自定义参数,提供回调接口,和公开接口。
兼容性
- Ios4+
- Andriod2.3+(未全部覆盖)
快速上手
HTML
<div class="wp">
<div class="wp-inner">
<div class="page page1">1</div>
<div class="page page2">2</div>
<div class="page page3">3</div>
<div class="page page4">4</div>
</div>
</div>
CSS
父容器需是固定高度,并且溢出为隐藏,fullpage会使用父元素的宽度和高度。
.wp{
overflow: hidden;
}
js
一行代码即可完成,如此简单:
$('.wp-inner').fullpage();
注意:是在.wp-inner上调用的。
更多例子,请移步这里。
文档
贡献指南
如果你想为zepto.fullpage贡献代码,请采用fork + pull request 方式,并在发起pr前先将master上超前的代码rebase到自己的分支上。
发布Bower
$ bower register zepto.fullpage git://github.com/yanhaijing/zepto.fullpage.git
贡献者
yanhaijing
YuyingWu
贡献者Q群
如果你有任何疑问,请到Issues反馈,此Q群为贡献者使用,仅供贡献者内部讨论使用。
点击加入:zepto.fullpage官方交流群(314819079)
为什么会有这个项目
最近单页滚动的效果非常流行,这种效果的视觉冲击感很强烈,特别是对于活动页面,因为需求的迫切,在pc端诞生了 fullPage.js和onepage-scroll这样的库,在移动的浪潮下,我们自然需要把这种效果搬到移动设备上,但当我在想实现类似效果时,却找不到一个这样的库(fullpage.js对于移动端来说太大了,还要依赖jquery),所以我就开发了一个,先是用于自己项目中,后来抽了出来,就有了这个项目。
更新日志
TODO
- 横向滚屏 v0.3.0 [√]
- 循环滚动 v0.2.0 [√]
谁在使用
注:如果您也在使用,欢迎反馈给我