B2主题专题滚动特效原理解析

根据惯例,我们在主题目录下找到 main.js (这个文件包含了所有b2需要初始化的js信息),尝试搜索 .home-collection-silder,我们找到function b2flickity(),我们往下看 collection[i] = new Flickity(f[i] …

我们尝试搜索Flickity,找到如下信息:

flickity 是一个支持触摸,响应迅速的幻灯片轮播插件。支持环绕滑动、自由滑动、组滑动、自动播放、延迟加载、视差滑动、图片滑动。兼容IE10+, Android 4+, Safari for iOS 5+, Firefox 16+, Chrome 12+ 。

我遇到一个小问题,就是原版b2的专题滚动不够流畅,滑动一组之后有一个明显的加速动作,我想要让整个滚动更流畅,怎么办?

原版的滚动特效
修改以后的滚动特效

在查看官方options参数,我知道了,其实是groupCells参数的问题,从字面意思理解就是按组滚动,我们把groupCells设置为false,再体验一下滑动就更为流畅了。

查看演示

人已赞赏
二次开发

B2主题文章图片点击放大灯箱原理分析

2020-8-18 0:45:46

二次开发

b2更新后发现首页幻灯在手机端不能自适应高度了

2020-8-29 21:24:57

免责声明本文中提到的资源均来自于互联网,仅供个人学习交流,若您喜欢本文可附上原文链接随意转载。
版权人申诉:我要申诉
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索