本文中用的“轮播”一词,是指 已经在调用的页面端设置了定时器,来调用fullpage的左右滚动方法,实现幻灯片功能
最近微信项目刚好顺利的用上fullpage这一控件,因此就记录下来:
假设现在有 1,2,3,4,5 五页 在进行左右轮播(“loopHorizontal:true”),
因为fullpage的左右轮播功能,是到最后一页再向下翻动的时候,默认就会飞快的的跳过(2,3,4)回到第一页,
在第一页的时候再向上翻动的话,也会快速跳过(2,3,4)切换到最后一页。
这一功能可能在设计者中的本意是如此,但是按照一般幻灯片的播放方式就会感觉听突兀的,因此就想着
是否能试着改动实现左右无缝轮播的功能,因为fullpage当(continuousVertical:true)时,本身也是支持上下无缝滚动的。
在默认配置中新增一个参数:continuousHorizontal
扩展子页滚动方法:moveSlide
之前没有demo集成页,有人产生困扰,所以重新编辑本文,添加了最新的集成代码,
最新demo地址:http://download.youkuaiyun.com/download/liaosiqian/10034042