Giter Site home page Giter Site logo

zepto.fullpage's Introduction

zepto.fullpage

release issues forks stars license

专注于移动端的fullPage.js。

功能概述

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

兼容性

  • 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 zepto.fullpage git://github.com/yanhaijing/zepto.fullpage.git

贡献者

贡献者Q群

如果你有任何疑问,请到Issues反馈,此Q群为贡献者使用,仅供贡献者内部讨论使用。

点击加入:zepto.fullpage官方交流群(314819079)

为什么会有这个项目

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

更新日志

更新日志

TODO

计划列表

如果你有好的建议,欢迎反馈给我

谁在使用

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

成功案例

更多案例,请点击这里查看

相关链接

如果你知道其他第三方库,欢迎反馈给我

自动化工具

如果你知道其他第三方工具,欢迎反馈给我

zepto.fullpage's People

Contributors

yanhaijing avatar linzb93 avatar lwzhang avatar superdiy avatar wsluyu avatar inuyasha2012 avatar mengxiong10 avatar xsdlr avatar webx32 avatar linfaxin avatar

Stargazers

 avatar  avatar  avatar min avatar Ying Lin avatar

Watchers

James Cloos avatar

Forkers

linksun

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.