1.4.2 class-option属性 step: 0.3 ---内容信息滚动速度,数值越大速度滚动越快 limitMoveNum: 5, ---开始无缝滚动的数据量,可根据需滚动的内容进行配置 hoverStop: true ---是否开启鼠标悬停stop direction: 1 ---滚动方向;0向下 1向上 2向左 3向右 openWatch: true ---开启数据实时监控刷新dom singleHe...
step: 1, // 数值越大速度滚动越快 limitMoveNum: 12, // 开始无缝滚动的数据量 this.dataList.length hoverStop: true, // 是否开启鼠标悬停stop direction: 1, // 0向下 1向上 2向左 3向右 openWatch: true, // 开启数据实时监控刷新dom singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不...
width、height、overflow:hidden2.左右的无缝滚动需要给主内容区域（即默认 slot 插槽提供）设定合适的 css width属性（否则无法正确计算实际宽度）。 也可以通过给他设置为 display:flex;无需设置 css width属性3.step 值不建议太小，不然会有卡顿效果（如果设置了单步滚动，step 需是单步大小的约数，否则无法保证单...
{ step: 0.2, // 数值越大速度滚动越快 limitMoveNum: 2, // 开始无缝滚动的数据量 this.dataList.length hoverStop: true, // 是否开启鼠标悬停stop direction: 1, // 0向下 1向上 2向左 3向右 openWatch: true, // 开启数据实时监控刷新dom singleHeight: 0, // 单步运动停止的高度(默认值0是...
<template><vue3-seamless-scrollclass="v-s-s":list="list":step="1":hover="true">{ { item.title }}{ { item.date }}</vue3-seamless-scroll></template>import{ ref, reactive, toRefs, onMounted }from'vue'import{Vue3SeamlessScroll}from'vue3-seamless-scroll'exportdefault{components: {...
v-model="isPause"class="scroll":list="tableData":limitScrollNum="scrollOptions.limitScrollNum":step="scrollOptions.step":hover="scrollOptions.hover":copyNum="scrollOptions.copyNum":wheel="scrollOptions.wheel":direction="scrollOptions.direction"><el-table class="scroll-content":data="tableData"...
current support for seamless scrolling, single-step scrolling, and manual switching support for horizontal direction. Installation NPM npm install vue-seamless-scroll --save CDN https://cdn.jsdelivr.net/npm/vue-seamless-scroll@1.1.17/dist/vue-seamless-scroll.min.js Usage ES6 online demo // ...
computed: { optionSingleHeightTime() { return { // singleHeight: 26, // waitTime: 2500, step: 1.2, // 数值越大速度滚动越快 limitMoveNum: 2, // 开始无缝滚动的数据量 this.dataList.length hoverStop: true, // 是否开启鼠标悬停stop direction: 1, // 0向下 1向上 2向左 3向右 openWatch...
{ step: 1, // 滚动速度 limitMoveNum: 1, // 开始无缝滚动的数据量 hoverStop: true, // 鼠标悬停是否停止滚动 direction: 1, // 滚动方向,1为向上 openWatch: true, // 开启数据实时监控刷新dom singleHeight: 0, // 单步运动停止的高度 singleWidth: 0, // 单步运动停止的宽度 waitTime: 1000,...
step:0.2,// 数值越大速度滚动越快limitMoveNum:2,// 开始无缝滚动的数据量 this.dataList.lengthhoverStop:true,// 是否开启鼠标悬停stopdirection:1,// 0向下 1向上 2向左 3向右openWatch:true,// 开启数据实时监控刷新domsingleHeight:0,// 单步运动停止的高度(默认值0是无缝不停止的滚动) direction =>...