如何实现Vue中自定义的无缝滚动marquee组件详解?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1262个文字,预计阅读时间需要6分钟。
首先,效果图如下:(1)(1)看起来可能有点卡顿,但实际上页面看起来很流畅。(2)思路就是获取每个列表的宽度,设置定时器移动列表,当移动距离达到一个列表宽度时停止。
先上效果图:
(1) 看起来可能有点卡顿,但是实际上页面上看起来挺顺畅的。
(2) 思路就是获取每一个列表的宽度,设置定时器移动列表,当移动的距离达到一个列表的宽度的时候,把这个距离放到数组的最后。这样就能达成无缝循环滚动了。
本文共计1262个文字,预计阅读时间需要6分钟。
首先,效果图如下:(1)(1)看起来可能有点卡顿,但实际上页面看起来很流畅。(2)思路就是获取每个列表的宽度,设置定时器移动列表,当移动距离达到一个列表宽度时停止。
先上效果图:
(1) 看起来可能有点卡顿,但是实际上页面上看起来挺顺畅的。
(2) 思路就是获取每一个列表的宽度,设置定时器移动列表,当移动的距离达到一个列表的宽度的时候,把这个距离放到数组的最后。这样就能达成无缝循环滚动了。

