better-scroll横向滚动无法循环

最新推荐文章于 2022-08-15 17:08:23 发布

原创最新推荐文章于 2022-08-15 17:08:23 发布 · 469 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#better-scroll #vue

Vue 同时被 2 个专栏收录

26 篇文章

订阅专栏

Vue报错记录

17 篇文章

订阅专栏

本文详细对比了0.1.15版本与1.10.2版本中BScroll组件横向滚动配置的变化。从scrollX、scrollY等基本属性设置，到momentum惯性滚动、snap循环及滑动阈值的高级配置，帮助开发者快速掌握不同版本间的差异，实现流畅的横向滚动效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

0.1.15版本的横向滚动写法，可以滚动

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

1.10.2版本的写法，如此才可以滚动

this.slider = new BScroll(this.$refs.slider, {
          scrollX: true,
          scrollY: false,
          // 惯性
          momentum: false,
          // 开启snap
          snap: {
            // 循环
            loop: true,
            // 手指滑动阀值大于0.3时滑动到下一页
            threshold: 0.3,
            // 切换的时间
            speed: 400
          }
        })