vue的无缝滚动组件详解

npm install vue-seamless-scroll --save

import Vue from 'vue'
import vueSeamlessScroll from 'vue-seamless-scroll'

new Vue({
  components: {
    vueSeamlessScroll
  }
})

  ...


  <p>
    <vue-seamless-scroll></vue-seamless-scroll>
  </p>
  <script></script>
  <script></script>
  <script>
    new Vue({
      el: &#39;#app&#39;
    })
  </script>

      defaultOption () {
        return {
          step: 1, //步长 越大滚动速度越快
          limitMoveNum: 5, //启动无缝滚动最小数据量 this.dataList.length
          hoverStop: true, //是否启用鼠标hover控制
          direction: 1, //1 往上 0 往下
          openWatch: true, //开启data实时监听
          singleHeight: 0, //单条数据高度有值hoverStop关闭
          waitTime: 1000 //单步停止等待时间
        }
      }