登录
登录 注册新账号
注册
已有账号登录

做一个歌词滚动的效果 歌词内容出来了 可是不知道怎么让歌词滚动起来 大家知道怎么做吗?
图片描述

<div class="bscroll" ref="bscroll">
       <div class="bscroll-container" style="text-align: center;">
          <div style="margin-bottom: 10px" v-for="item in lrcDir">{{item}}</div>
       </div>
</div>

mounted(){
   this.$nextTick(() => {
        let bscrollDom = this.$refs.bscroll;
        let options = {
          scrollY: true,
          snap: {
            loop: true, // 开启循环播放
            stepX: 200, // 每页宽度为 200px
            stepY: 100, // 每页高度为 100px
            threshold: 0.3, // 滚动距离超过宽度/高度的 30% 时切换图片
            speed: 400 // 切换动画时长 400ms
          }
        }
        this.aBScroll = new BScroll(bscrollDom,options)
    })
}
1 个回答

文档说明

撰写答案