Vue 无缝滚动

最新推荐文章于 2024-08-09 07:00:45 发布

_格鲁特宝宝

最新推荐文章于 2024-08-09 07:00:45 发布

阅读量1.3k

点赞数 1

分类专栏： Vue Web FrontEnd 文章标签： vue 无缝滚动滚动无缝滚动

_格鲁特宝宝原创，转载请务必注明出处

本文链接：https://blog.csdn.net/GrootBaby/article/details/103144187

版权

本文介绍了如何在Vue中使用vue-seamless-scroll组件来实现上下和左右的无缝滚动效果。该组件适用于需要滚动展示内容的场景，需要注意给父容器和ul容器设置合适的初始化样式。官方文档和在线演示链接也已提供。

摘要由CSDN通过智能技术生成

上下滚动与左右滚动是我们很常见的一个功能，利用vue-seamless-scroll可以实现上下滚动与左右滚动，

基于vue的无缝滚动组件。

注意：需要给父容器一个height和:data='Array'和overfolw:hidden;左右滚动需要给ul容器一个初始化 css width。

基本相关配置参数介绍如下：

key	description	default	val
`step`	数值越大速度滚动越快	`1`	`Number`
`limitMoveNum`	开启无缝滚动的数据量	`5`

关注

专栏目录