移动端全屏滚动插件 zepto.fullpage.js

查看演示效果

zepto.fullpage 是专注于移动端的 fullPag e.js ,依赖 Ze pto 。 下载地址: https://github.com/yanhaijing/zepto.fullpage 功能概述 可实现移动端的单页滚动效果,可自定义参数,提供回调接口,和公开接口。 兼容性 Ios4+ Andriod2.3+(未全部覆盖) 快速

zepto.fullpage 是专注于移动端的 fullPage.js,依赖 Zepto

下载地址:https://github.com/yanhaijing/zepto.fullpage

功能概述

 

可实现移动端的单页滚动效果,可自定义参数,提供回调接口,和公开接口。

 

兼容性

 

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

所属频道:JS代码/更新时间:2015-08-10
相关JS代码
@2014 www.120muban.com模板库