移动端的单页滚动插件
<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':
}
});
从第几屏开始,默认是第一屏。
是否开启缩小动画效果,默认是 false
。
缩小比例,0-1之间
是否开启拖动效果,默认是 false
。
每屏动画切换的时间,默认0.3s
是否开启循环滚动,默认false
。
是否显示右边圆点导航,默认false
。
obj 两个属性 {'next':,'cur': '},cur
和next
表示当前屏和将要切换的下一屏
obj 两个属性 {'prev':,'cur': '},cur
和prev
表示滑动结束后的当前屏和上一屏
movePx 手指滑动了多少px,负数表示向下滑
{'use': true,'autoPlay': false,'loopPlay': true,'src':}
use,是否开始音乐,默认true
,src,音乐地址