npm install vue-seamless-scroll --save

import VueSeamlessScroll from 'vue-seamless-scroll'

<template>
   <div class="box-content">
                    <div class="box-table-title">
                        <div style="width: 40%">所屬公司</div>
                        <div style="width: 20%">檢查結(jié)果</div>
                        <div style="width: 30%">檢查時間</div>
                        <div style="width: 10%">操作</div>
                    </div>
                    <div class="box-table">
                        <div class="box-table-body" style="width: 100%;height: 140px;overflow: hidden" @click="clickup($event)">
                            <vue-seamless-scroll :data="checkList" :classOption="classOption">
                                <div class="box-table-row" v-for="item in checkList" :key="item.id">
                                    <div class="ellipsis" style="width: 40%">{{ item.enterpriseName }}</div>
                                    <div :class="['ellipsis',item.inspectionResult==='1'?'':'isRed']" style="width: 20%">{{item.inspectionResult==='1'?'合格':'不合格'}}</div>
                                    <div class="ellipsis" style="width: 30%">{{ item.inspectionTime }}</div>
                                    <div class="ellipsis facility-button" style="width: 10%"  :data-item="JSON.stringify(item)">詳情</div>
                                </div>
                            </vue-seamless-scroll>
                        </div>
                    </div>
                </div>          
</template>

 computed: {
        classOption () {//大屏滾動配置參數(shù)
            return {
                step: 1, // 數(shù)值越大速度滾動越快
                limitMoveNum: 6, // 開始無縫滾動的數(shù)據(jù)量
                hoverStop: true, // 是否開啟鼠標(biāo)懸停stop
                direction: 1, // 0向下 1向上 2向左 3向右
                waitTime: 3000, // 單步運動停止的時間(默認值1000ms)
                singleHeight:30
            }
        },
    },

//利用事件委托，解決滾動導(dǎo)致的點擊事件失效問題
        clickup(e){
            if(e.target.dataset.item){
                let row = JSON.parse(e.target.dataset.item)
                console.log(row)
            }
        },

npm install vue3-seamless-scroll

import {Vue3SeamlessScroll} from 'vue3-seamless-scroll'

<div class="table">
      <div class="table-header">
        <div>時間</div>
        <div>姓名</div>
        <div>地址</div>
      </div>
 
      <div class="table-body">
        <Vue3SeamlessScroll  v-model="isScroll" :list="tableData" :step="0.5" :hover="true"
                             :limitScrollNum="3" :wheel="true">
          <div v-for="(item, index) in tableData" :key="index" class="table-row">
            <div>{{ item.date }}</div>
            <div>{{ item.name }}</div>
            <div>{{ item.address }}</div>
          </div>
        </Vue3SeamlessScroll>
      </div>
 
    </div>