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