1. vue-zh-scroll

vue-zh-scroll

效果

我的视频

安装

 npm i vue-zh-scroll

引入使用main.js

 import zhScroll from 'vue-zh-scroll'

Vue.use(zhScroll)

参数

scrollData animentionTime timer classItem
需要滚动的数组(必须) 动画时间(默认1s) 定时器时间(默认1000) 循环类名(必须)

实例

<zh-scroll
      :scrollData="list"
      :animentionTime="1"
      :timer="1000"
      classItem="app_cursor_scroll"
      >
        <div
          v-for="(item, index) in list"
          :key="index"
          @click="onScroll(item,index)"
          class="app_cursor_scroll"
          >
          {{item.title}}
        </div>
</zh-scroll>

当移动到盒子上的时候会停止;移出则开始