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

程序名称:zepto.fullpage HTMLCSS

授权协议: MIT

操作系统: 跨平台

开发语言: JavaScript

zepto.fullpage HTMLCSS 介绍

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 HTMLCSS 官网

https://github.com/yanhaijing/zepto.fullpage

相关编程语言

BBGestureBack Full screen return gesture(全屏手...
Framework7 或者叫 F7 是全功能的绑定 iOS 7 应用的...
iOS 调试库,支持 iOS8+,无需添加任何代码,方便 i...
DarkModeKit是在Apple官方的深色模式发布之前设计和...
SimpleNote iOS 版客户端。SimpleNote 是一款在多平...
Kivy iOS,此工具旨在为 iOS 编译必要的库以运行应用...