轮播图无法滚动

来源：4-4 轮播图组件实现（上)

下山化缘的小和尚

2020-09-03

#问题
完全一样的最新代码，轮播图可以滑动但是没法进行单个滑动，一滑动就是全部一起动。第二个是加上 momentum: false后，滑动直接卡顿滑动不到位了。

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

#GitHub地址

https://github.com/publicjob/fried-chicken

写回答

2回答

慕村4371266

2020-10-13

把better-scroll 版本降级最新的better-scroll好像不行

ustbhuangyi

最新版本也可以，建议参考一下它的文档：https://better-scroll.github.io/docs/en-US/plugins/slide.html#introduction

2020-10-13

共1条回复

ustbhuangyi

2020-09-04

我看你用的是 2.0 版本的 bs，那么就参考 2.0 版本的 bs 文档安装和使用吧

https://better-scroll.github.io/docs/zh-CN/plugins/slide.html#%E4%BB%8B%E7%BB%8D

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

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

5432 学习 · 3804 问题

查看课程

相似问题

轮播图

回答 1

轮播图

回答 1

关于轮播图中slider-item为什么是7个，多clone两个的问题

回答 1

第一次打开页面时无法上下滚动

回答 1

轮播图不能轮播而且滚动的时候报错

回答 1

打开慕课网App查看更多内容