vue的无缝滚动插件:vue-seamless-scroll
1、npm安装npm install vue-seamless-scroll --save2、引入import scroll from 'vue-seamless-scroll'官方demo:https://chenxuan1993.gitee.io/component-document/index_prod#/component/seamless-default3、使用...
·
1、npm安装
npm install vue-seamless-scroll --save
2、引入
import scroll from 'vue-seamless-scroll'
官方demo:https://chenxuan1993.gitee.io/component-document/index_prod#/component/seamless-default
3、使用
<vue-seamless-scroll :data="listData" class="seamless-warp">
<ul class="item">
<li v-for="item in listData"></li>
</ul>
</vue-seamless-scroll>
4、配置
defaultOption() {
return {
step: 0.2, // 数值越大速度滚动越快
limitMoveNum: 3 // 开始无缝滚动的数据量 this.dataList.length
// hoverStop: true, // 是否开启鼠标悬停stop
// direction: 0, // 0向下 1向上 2向左 3向右
// openWatch: true, // 开启数据实时监控刷新dom
// // singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
// singleHeight: 20, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
// waitTime: 1000 // 单步运动停止的时间(默认值1000ms)
}
}
更多推荐
已为社区贡献3条内容
所有评论(0)