老师,想问下,循环滚动这里还需要什么配置么

来源:4-4 轮播图组件实现(上)

雪落无痕2018

2019-06-28

黄老师,您好,想问一下这里还需要什么配置么,我参考了您better-scroll最新的api,也参考了最新的源码,还是无法实现您视频中的循环拖动,请问是哪里的问题呢,多谢。

http://img.mukewang.com/szimg/5d160d3b000102b718181316.jpg

http://img.mukewang.com/szimg/5d160d5c00017e0814341178.jpg

写回答

2回答

Spring_Yang

2019-08-01

你好,同学,我想请教一下你,我这边配置的1.15版本的better-scroll,语法写的也是1.15的语法,然后,可以loop了,但是momentum不起作用了,如果升级2.x,语法写为2.x的语法momentum起作用,但是loop不起作用力,你帮我看看吧,谢谢:

1.15代码:

this.slider = new BScroll(this.$refs.slider, {
 scrollX: true,
 scrollY: false,
 momentum: false,
 snap: {
   loop: true,
   threshold: 0.3,
   speed: 400
 },
 click: true
})

2.x代码:

this.slider = new BScroll(this.$refs.slider, {
 scrollX: true,
 scrollY: false,
 momentum: false,
 snapLoop: true,
 snapThreshold: 0.3,
 snapSpeed: 400,
 click: true
})

0
1
雪落无痕2018
抱歉,同学,2.x我还没试过,之前也用的1.x的版本,你这个情况我只能说没法帮忙了,后面如果用2重写的话,我会跟你探讨的
2019-08-04
共1条回复

雪落无痕2018

提问者

2019-06-28

已解决。我这里的配置是有问题的。首先那个代码不应该注释掉,否则会产生两排的情况。(但是说实话还是不是很明白为什么会出现这个,分明只有五个div,而且滚动的时候会重置)。然后还有个地方,就是那个配置项不是slide,而是snap。本地的版本是1.15.2,错用了2.x的版本的,自然是不好使的。

0
1
ustbhuangyi
嗯,2.x 和 1.x 的 API 语法是略有不同的,也可以尝试使用 2.x 的 BS。
2019-06-29
共1条回复

Vue2.0高级应用教学实战,开发企业级移动端音乐Web App

Vue.js高级知识应用大集合,实战企业级APP,教你搞定组件化开发。

5432 学习 · 3804 问题

查看课程