vue实现无缝滚动

 vue非组件实现列表的无缝滚动问题(小编能力有限,如有更好方法还请大佬指点一二)

*原理:首先循环两遍数组,当容器滚去第一个数组高度的时候,第二个数组刚好填满容器,这时候将滚去高度设置为0则可以实现无缝滚动。

*简易原理图如下

vue实现无缝滚动_第1张图片

话不多说直接上代码:

①采用js的方法实现





二、css动画实现





你可能感兴趣的:(前端,javascript,css)