vue-seamless-scroll无缝滚动踩的坑

因为做大屏的时候要做一个无缝滚动的效果

就选择了vue-seamless-scroll组件

同时项目要求在滚动的过程中要可以暂停

试了一圈api发现都没用，后来发现实因为我的停止点击事件在滚动内容上，stopMove之后会重新激活hover，然后激活滚动事件，加了一个setTimeout才算解决

普通示例代码如下，如果stop事件在li上记得在stop方法里加一个setTimeout

<template>
  <div id="app">
    <vue-seamless-scroll :class-option="seamlessScrollOption" ref="a" :data="listData" class="seamless-warp">
      <ul class="item">
      <li v-for="(item,index) in listData" :key="index">
      <span class="title" v-text="item.title"></span><span class="date" v-text="item.date"></span>
      </li>
      </ul>
    </vue-seamless-scroll>
    <button @click="start">开始</button>
    <button @click="stop">停止</button>