zepto.fullpage - 專注于移動端的fullPage.js

專注于移動端的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到自己的分支上。

報告問題

• Issues

作者

yanhaijing

• Weibo
• Email
• Blog

為什么會有這個項目

最近單頁滾動的效果非常流行，這種效果的視覺沖擊感很強烈，特別是對于活動頁面，因為需求的迫切，在pc端誕生了 fullPage.js和onepage-scroll這樣的庫，在移動的浪潮下，我們自然需要把這種效果搬到移動設備上，但當我在想實現類似效果時，卻找不到一個這樣的庫（fullpage.js對于移動端來說太大了，還要依賴jquery），所以我就開發了一個，先是用于自己項目中，后來抽了出來，就有了這個項目。

項目主頁：http://www.baiduhome.net/lib/view/home/1423638255498