• Stars
    star
    2,100
  • Rank 21,976 (Top 0.5 %)
  • Language
    CSS
  • License
    MIT License
  • Created almost 10 years ago
  • Updated 9 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Focusing on the fullPage.js for mobile terminals.

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

计划列表

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

谁在使用

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

成功案例

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

相关链接

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

自动化工具

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

More Repositories

1

template.js

A javascript template engine, simple, easy & extras, support webpack, rspack, vite, rollup, esbuild, parcel, browserify, fis and gulp.
JavaScript
1,319
star
2

jslib-base

A modern JavaScript|Typescript library scaffolding, modularity, purity & extras
JavaScript
943
star
3

vertical-center

水平垂直居中,这是一道面试必考题,^_^
HTML
443
star
4

data.js

data.js 是带有消息通知的数据中心,我称其为会说话的数据。旨在让编程变得简单,世界变得美好。
JavaScript
380
star
5

lodjs

JavaScript模块加载器,基于AMD。迄今为止,对AMD理解最好的实现。
JavaScript
290
star
6

Painter

Drawing program based on HTML5 Canvas.
HTML
229
star
7

fis3-base

基于fis3的纯前端解决方案,拿来即用的fis3脚手架
JavaScript
173
star
8

yanhaijing.github.io

公众号: 颜海镜,《现代JavaScript库开发:原理、技术与实战》作者
JavaScript
111
star
9

console.js

console.js is a small javascript library, fix console is undefined
JavaScript
75
star
10

es5

ecmascript 5 中文版 + es合集
HTML
70
star
11

loveTimeline

记录你的爱情时光轴
JavaScript
62
star
12

gitbook-boilerplate

一个基于gitbook快速写电子书的模版,支持html、pdf、docx、epub、mobi
JavaScript
56
star
13

inverter

变色方块小游戏
JavaScript
53
star
14

snake

贪吃蛇游戏
HTML
44
star
15

color

看你有多色
JavaScript
39
star
16

linklink

连连看游戏
JavaScript
37
star
17

allorigin

万物起源
CSS
23
star
18

zepto.slider

基于zepto的移动图片轮播插件
JavaScript
21
star
19

mywallet

我的钱包
HTML
18
star
20

fan1xia

fan1xia is a game like window 7's little games
HTML
15
star
21

imagic

15
star
22

coupling

7种耦合关系的demo
HTML
14
star
23

postcss-custom-unit

[PostCSS] plugin custom unit
JavaScript
14
star
24

video-demo

各种播放视频demo
HTML
14
star
25

sand.js

Build the world with sand.js
TypeScript
13
star
26

dom.js

focus dom,focus future
JavaScript
12
star
27

fis-parser-template

template.js的fis编译插件——一款javascript模板引擎
JavaScript
12
star
28

zepto.tab

Zepto tab 插件
JavaScript
12
star
29

mygrunt

JavaScript
12
star
30

basejs

JavaScript简易教程
CSS
11
star
31

rspack-cra

create-react-app 迁移 rspack 示例
JavaScript
10
star
32

awesome-windows

前端开发者的windows软件集合
9
star
33

async-demo

异步编程那些事
JavaScript
9
star
34

radixConvert

进制转换小工具
JavaScript
9
star
35

zepto.carousel

基于Zepto的移动旋转木马插件
JavaScript
9
star
36

switch-env

JavaScript
8
star
37

template-loader

template.js的webpakc编译loader——一款javascript模板引擎
JavaScript
7
star
38

LuLanguageCompiler

词法编译器
C++
6
star
39

jquery.imagesScrolling.js

jquery 图片滚动插件
JavaScript
6
star
40

rem

Rem布局的原理解析demo
HTML
5
star
41

mysublime3

我的sublime text 3 配置
4
star
42

grunt-cssformat

format indent of css file
JavaScript
4
star
43

cdkit

code kit 代码助手
JavaScript
3
star
44

spring

青丝集
JavaScript
3
star
45

myProject

我的项目展览
HTML
2
star
46

phoneManager

电话留言版
C++
2
star
47

ppt

网页ppt
JavaScript
2
star
48

player

视频播放器
JavaScript
1
star
49

mysublime

JavaScript
1
star
50

postcss-base

CSS
1
star
51

candify

JavaScript
1
star
52

huaqi-base

HTML
1
star
53

resume-latex

TeX
1
star
54

rspack-vue

JavaScript
1
star
55

snake-app

贪吃蛇,html5版
1
star
56

webp

webp相关demo
1
star
57

react-base-root

JavaScript
1
star
58

timer

计时器
JavaScript
1
star
59

angular2react

TypeScript
1
star
60

YanADKAP

颜海镜汇编库
Assembly
1
star