利用js实现无缝滚动

上一篇是用css实现的无缝滚动，之前也有用过vue-seamless-scroll 插件，在大屏上会抖动，而且点击事件时有时无，也改不好，然后自己写了一个，这种方法不太适用实时请求数据的会有坑，使用后有问题的，可以给我纠正

<template>
  <div>
    <div class="scroll-wrap" id="bs_scroll_content">
      <div
        class="scroll-content"
        :style="{ transform: 'translate(0px,' + -this.activeIndex + 'px)' }"
        @mouseenter="Stop()"
        @mouseleave="Up()"
        ref="box"
      >
        <p v-for="item in prizeList">
          <a :href="item.src">{
   {
    item.name }}</a>
        </p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
   
  name: 'complexTable',
  data() {
   
    return