limitMoveNum:5,//开启无缝滚动的数据量 hoverStop: true, //是否启用鼠标hover控制 direction: 1, //方向 0往下 1往上 2向左 3向右 openTouch: true, // 移动端开启touch滑动 singleHeight: 0, //单步运动停止的高度(默认值0是无缝不停止的滚动),direction为0/1生效 singleWidth: 0,//单步运动停止的...
type: Booleanrequired: falsedefault：false 是否启用鼠标 hover 控制。direction type: Numberrequired: falsedefault：1 方向: 0 往下 1 往上 2 向左 3 向右。openTouch type: Booleanrequired: falsedefault：true 移动端开启 touch 滑动。singleHeight type: Numberrequired: falsedefault：单步运动停止的高度(默认...
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 classOption: { direction: 0, // 滚动方向...
hoverStop 是否启用鼠标hover控制 true Boolean direction 方向 0 往下 1 往上 2向左 3向右 1 Number openTouch 移动端开启touch滑动 true Boolean singleHeight 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1 0 Number singleWidth 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction ...
当然,这个插件不止可以滚动表格,像echarts或者自定义的其他样式都是可以进行滚动的,并且可以向上、向下、向左、向右都是可以滚动的,也可以调整滚动速度,鼠标悬浮停止等功能。 官网文档 https://chenxuan0000.github.io/vue-seamless-scroll/zh/ 鹏仔需要实现的交互效果如下图所示 ...
{step: 0.2, // 数值越大速度滚动越快limitMoveNum: 2, // 开始无缝滚动的数据量 this.dataList.lengthhoverStop: true, // 是否开启鼠标悬停stopdirection: 1, // 0向下 1向上 2向左 3向右openWatch: true, // 开启数据实时监控刷新domsingleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止...
hoverStop: true, // 是否开启鼠标悬停stop direction: 1, // 0向下 1向上 2向左 3向右 openWatch: true, // 开启数据实时监控刷新dom singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1 singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) dir...
如暂停滚动、鼠标悬停停止等,可以满足多种不同需求的应用场景。 综上所述,vue-seamless-scroll是一个功能强大、易于使用且具有 良好兼容性和高性能的无缝滚动组件,通过它可以实现稳定流畅的滚动效 果,为用户带来更好的使用体验。在接下来的章节中,我们将介绍如何使 ...
4.丰富的功能:该组件不仅仅是单纯的滚动效果,还提供了其他功能,如暂停滚动、鼠标悬停停止等,可以满足多种不同需求的应用场景。 综上所述,vue-seamless-scroll是一个功能强大、易于使用且具有良好兼容性和高性能的无缝滚动组件,通过它可以实现稳定流畅的滚动效果,为用户带来更好的使用体验。在接下来的章节中,我们将...
hoverStop是否启用鼠标hover控制trueBoolean direction方向 0 往下 1 往上 2向左 3向右1Number openTouch移动端开启touch滑动trueBoolean singleHeight单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/10Number singleWidth单步运动停止的宽度(默认值0是无缝不停止的滚动) direction =>...