{ step:0.4,//数值越大速度滚动越快hoverStop:true,//是否开启鼠标悬停stoplimitMoveNum:8, direction:1,//0向下 1向上 2向左 3向右openWatch:true,//开启数据实时监控刷新domsingleHeight:0,//单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1singleWidth:0,//单步运动停止的宽度(默认值...
(3)鼠标悬停 1 2 3 classOption: { hoverStop: false //鼠标移入之后不停止,,默认停止为true } (4)单步停顿 singleWidth (direction为2,3) / singleHeight (direction为0,1) 1 2 classOption: { direction: 0 singleHeight: 30 //默认值是0,不停顿 }, (5)停顿时间 waitTime 1 2 3 4 5 class...
computed:{scrollOption(){return{step:0.5,// 数值越大速度滚动越快limitMoveNum:6,// 开始无缝滚动的数据量 this.list.length+1hoverStop:true,// 是否开启鼠标悬停stopdirection:1,// 0向下 1向上 2向左 3向右openWatch:true,// 开启数据实时监控刷新domsingleHeight:21,// 单步运动停止的高度(默认值0是...
vueSeamlessScroll }, 1. 2. 3. 4. 5. 6. 7. 3、配置参数 // 监听属性 类似于data概念 computed: { defaultOption() { return{ step:0.2,// 数值越大速度滚动越快 limitMoveNum:2,// 开始无缝滚动的数据量 this.dataList.length hoverStop:true,// 是否开启鼠标悬停stop direction:1,// 0向下 1...
3、配置参数 // 监听属性 类似于data概念computed:{defaultOption(){return{step:0.2,// 数值越大速度滚动越快limitMoveNum:2,// 开始无缝滚动的数据量 this.dataList.lengthhoverStop:true,// 是否开启鼠标悬停stopdirection:1,// 0向下 1向上 2向左 3向右openWatch:true,// 开启数据实时监控刷新domsingleHe...
在这个例子中,step表示每次滚动的像素数,limit-move-num表示开始无缝滚动的数据量阈值,hover表示是否鼠标悬停停止滚动。 5. 调试并优化vue-seamless-scroll的使用效果 根据你的需求,你可能需要调整vue-seamless-scroll的参数以达到最佳的滚动效果。你可以通过查看vue-seamless-scroll的官方文档1来了解更多参数和用法。
是否开启鼠标悬停 type: Boolean, default: false, required: false step 步进速度 type: Number, default: 0.5, required: false singleWaitTime 单步停止等待时间(默认值 1000ms) type: Number, default: 1000, required: false delay 动画延时时间 type: Number, default: 0, required: false ease 动画效果,...
当然,这个插件不止可以滚动表格,像echarts或者自定义的其他样式都是可以进行滚动的,并且可以向上、向下、向左、向右都是可以滚动的,也可以调整滚动速度,鼠标悬浮停止等功能。 官网文档 https://chenxuan0000.github.io/vue-seamless-scroll/zh/ 鹏仔需要实现的交互效果如下图所示 ...
5. pause-on-hover:鼠标悬停在滚动区域上时是否暂停滚动,默认为true。 6. direction:滚动方向,可选值为"vertical"(垂直滚动)或"horizontal"(水平滚动),默认为"vertical"。 7. disable-nav:是否禁用导航按钮,默认为false。 8. nav-size:导航按钮的尺寸,默认为20。 9. navColor:导航按钮的颜色,默认为"#ccc"...
hoverStop: true, // 是否开启鼠标悬停stop direction: 1, // 0向下 1向上 2向左 3向右 openWatch: true, // 开启数据实时监控刷新dom singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1 singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) dir...