chengky / zepto.fullpage

专注于移动端的fullPage.js

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上调用的。

更多例子，请移步这里。

文档

API

贡献指南

如果你想为zepto.fullpage贡献代码，请采用fork + pull request 方式，并在发起pr前先将master上超前的代码rebase到自己的分支上。

发布Bower

$ bower register zepto.fullpage git://github.com/yanhaijing/zepto.fullpage.git

报告问题

• Issues

作者

yanhaijing

• Weibo
• Email
• Blog

为什么会有这个项目

最近单页滚动的效果非常流行，这种效果的视觉冲击感很强烈，特别是对于活动页面，因为需求的迫切，在pc端诞生了 fullPage.js和onepage-scroll这样的库，在移动的浪潮下，我们自然需要把这种效果搬到移动设备上，但当我在想实现类似效果时，却找不到一个这样的库（fullpage.js对于移动端来说太大了，还要依赖jquery），所以我就开发了一个，先是用于自己项目中，后来抽了出来，就有了这个项目。

更新日志

更新日志

TODO

• 横向滚屏

谁在使用

注:如果您也在使用，欢迎反馈给我

• 百度知道

相关链接

• fullPage.js
• onepage-scroll
• parallax.js