Git Product home page Git Product logo

zepto.fullpage's Introduction

zepto.fullpage license

专注于移动端的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 template.js git://github.com/yanhaijing/zepto.fullpage.git

##报告问题

##作者

yanhaijing

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

##更新日志

更新日志

##TODO

  • 循环滚动
  • 横向滚屏

##谁在使用 注:如果您也在使用,欢迎反馈给我

##相关链接

zepto.fullpage's People

Contributors

yanhaijing avatar wsluyu avatar

Watchers

Jose Leung avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.