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: 2 days 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 (about 10 years ago)
- Default Branch: master
- Last Pushed: 2024-02-26T04:01:18.000Z (11 months ago)
- Last Synced: 2025-01-10T11:16:29.732Z (9 days ago)
- Topics: fullpage, javascript, mobile, zepto
- Language: CSS
- Homepage:
- Size: 215 KB
- Stars: 2,099
- Watchers: 131
- Forks: 509
- 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
[](https://github.com/yanhaijing/zepto.fullpage/releases) [](https://github.com/yanhaijing/zepto.fullpage/issues) [](https://github.com/yanhaijing/zepto.fullpage/network) [](https://github.com/yanhaijing/zepto.fullpage/stargazers) [](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)。