Skip to content

zhouyupeng/mfullpage

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

mfullpage

移动端的单页滚动插件

快速上手

HTML

<div class="fullpage-wrap">
    <div class="fp-inner">
        <div class="page"></div>
        <div class="page"></div>
        <div class="page"></div>
        <div class="page"></div>
    </div>
    <div class="arrow"></div>
</div>

参数

mfullpage.init({
    start: 0,
    scale: false,
    drag: false,
    percentage: 1 / 2,
    timer: 0.3,
    loop: true,
    showDot: false,
    beforeChange: function(obj) {
	},
    afterChange: function(obj) {
    },
    moving: function(movePx) {
    },
    useMusic: {
        'use': true,
        'autoPlay': false,
        'loopPlay': true,
        'url':
    }
});

start

从第几屏开始,默认是第一屏。

scale

是否开启缩小动画效果,默认是 false

percentage

缩小比例,0-1之间

drag

是否开启拖动效果,默认是 false

timer

每屏动画切换的时间,默认0.3s

loop

是否开启循环滚动,默认false

showDot

是否显示右边圆点导航,默认false

beforeChange

obj 两个属性 {'next':,'cur': '},curnext表示当前屏和将要切换的下一屏

afterChange

obj 两个属性 {'prev':,'cur': '},curprev表示滑动结束后的当前屏和上一屏

moving

movePx 手指滑动了多少px,负数表示向下滑

useMusic

{'use': true,'autoPlay': false,'loopPlay': true,'src':} use,是否开始音乐,默认true,src,音乐地址

demo

相关链接

zepto.fullpage

About

移动端的单页滚动插件

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published