Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yanhaijing/zepto.fullpage
Focusing on the fullPage.js for mobile terminals.
https://github.com/yanhaijing/zepto.fullpage
fullpage javascript mobile zepto
Last synced: about 1 month ago
JSON representation
Focusing on the fullPage.js for mobile terminals.
- Host: GitHub
- URL: https://github.com/yanhaijing/zepto.fullpage
- Owner: yanhaijing
- License: mit
- Created: 2014-11-27T14:46:44.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2024-02-26T04:01:18.000Z (7 months ago)
- Last Synced: 2024-07-19T16:19:03.375Z (about 2 months ago)
- Topics: fullpage, javascript, mobile, zepto
- Language: CSS
- Homepage:
- Size: 215 KB
- Stars: 2,103
- Watchers: 132
- Forks: 510
- Open Issues: 55
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
- awesome-github-star - zepto.fullpage
README
# zepto.fullpage
[![release](https://img.shields.io/badge/release-v0.5.0-orange.svg)](https://github.com/yanhaijing/zepto.fullpage/releases) [![issues](https://img.shields.io/github/issues/yanhaijing/zepto.fullpage.svg)](https://github.com/yanhaijing/zepto.fullpage/issues) [![forks](https://img.shields.io/github/forks/yanhaijing/zepto.fullpage.svg)](https://github.com/yanhaijing/zepto.fullpage/network) [![stars](https://img.shields.io/github/stars/yanhaijing/zepto.fullpage.svg)](https://github.com/yanhaijing/zepto.fullpage/stargazers) [![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/yanhaijing/zepto.fullpage/blob/master/LICENSE)专注于移动端的fullPage.js。
## 功能概述
可实现移动端的单页滚动效果,可自定义参数,提供回调接口,和公开接口。## 兼容性
- Ios4+
- Andriod2.3+(未全部覆盖)## 快速上手
### HTML
1
2
3
4
### CSS
父容器需是固定高度,并且溢出为隐藏,fullpage会使用父元素的宽度和高度。.wp{
overflow: hidden;
}## js
一行代码即可完成,如此简单:$('.wp-inner').fullpage();
**注意:是在.wp-inner上调用的。**
更多例子,请移步[这里](demo)。
## 文档
[API](doc/api.md)## 贡献指南
如果你想为zepto.fullpage贡献代码,请采用fork + pull request 方式,并在发起pr前先将master上超前的代码rebase到自己的分支上。### 发布Bower
$ bower register zepto.fullpage git://github.com/yanhaijing/zepto.fullpage.git## 贡献者
- [yanhaijing](http://yanhaijing.com)
- [YuyingWu](http://blog.wuyuying.com/)## 贡献者Q群
如果你有任何疑问,请到[Issues](https://github.com/yanhaijing/zepto.fullpage/issues)反馈,此Q群为贡献者使用,仅供贡献者内部讨论使用。点击加入:[zepto.fullpage官方交流群](http://jq.qq.com/?_wv=1027&k=bc6Grs)(314819079)
## 为什么会有这个项目
最近单页滚动的效果非常流行,这种效果的视觉冲击感很强烈,特别是对于活动页面,因为需求的迫切,在pc端诞生了 fullPage.js和onepage-scroll这样的库,在移动的浪潮下,我们自然需要把这种效果搬到移动设备上,但当我在想实现类似效果时,却找不到一个这样的库(fullpage.js对于移动端来说太大了,还要依赖jquery),所以我就开发了一个,先是用于自己项目中,后来抽了出来,就有了这个项目。## 更新日志
[更新日志](CHANGELOG.md)## TODO
[计划列表](TODO.md)如果你有好的建议,欢迎[反馈给我](https://github.com/yanhaijing/zepto.fullpage/issues/42)。
## 谁在使用
- [百度知道](http://zhidao.baidu.com/)
- [百度经验](http://jingyan.baidu.com/)
- [百度师傅](http://shifu.baidu.com/)
- [拇指医生](http://muzhi.baidu.com/)
- [墨迹天气](http://www.mojichina.com/)
- [58同城](http://58.com)**注:如果您也在使用,欢迎[反馈给我](https://github.com/yanhaijing/zepto.fullpage/issues/9)**
## 成功案例
- [百度知道-APP5.0落地页](http://zhidao.baidu.com/s/5_0-page/index.html)
- [重庆华西妇产医院-妈妈我来啦](http://d.cqhxfk.com/game/0505/)
- [百度经验-关于表白这事儿](http://jingyan.baidu.com/z/2015-520/index.html)更多案例,请点击[这里查看](https://github.com/yanhaijing/zepto.fullpage/issues/9)。
## 相关链接
- [fullPage.js](https://github.com/alvarotrigo/fullPage.js)
- [onepage-scroll](https://github.com/peachananr/onepage-scroll)
- [zepto-onepage-scroll](https://github.com/peachananr/zepto-onepage-scroll)
- [parallax.js](https://github.com/hahnzhu/parallax.js)
- [H5FullscreenPage](https://github.com/lvming6816077/H5FullscreenPage)
- [fullpage](https://github.com/powy1993/fullpage)
- [vue-fullpage](https://github.com/wendaosanshou/vue-fullpage)如果你知道其他第三方库,欢迎[反馈给我](https://github.com/yanhaijing/zepto.fullpage/issues/50)。
## 自动化工具
- [爆米兔移动营销平台](http://www.baomitu.com/)
- [百度 H5](http://h5.baidu.com/)如果你知道其他第三方工具,欢迎[反馈给我](https://github.com/yanhaijing/zepto.fullpage/issues/51)。