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

• 授权协议: MIT
• 开发语言: JavaScript HTML/CSS
• 操作系统: 跨平台
• 软件首页: https://github.com/yanhaijing/zepto.fullpage
• 软件文档: https://github.com/yanhaijing/zepto.fullpage

软件介绍

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

更多例子，请移步这里。

本文地址：https://codercto.com/soft/d/5108.html