js表格无缝滚动 怎么来实现的

• Z时代
• 2024-01-10
• 分类：技术分享

这种带有斑马线效果的列表，怎么实现自动上下无缝隙滚动。
百度上很多效果都不太好/

回答

以列表向上滚动为例.
将顶部的若干行(显示几行,就clone几行.),clone到列表底部.
然后定时向上滚动.每次滚动一行的高度(这种滚动带有缓动效果).
复制行的第一行滚动到顶部的瞬间,将滚动值复原为0(去除缓动效果),从头开始.

                1
                2
                3
                4
                5
        1       6
----------------------------------------
1       2       1       1
2       3       2       2
3       4       3       3
----------------------------------------
4       5               4
5       6               5
6       1               6
1       2               1
2       3               2
3                       3

实际上就是一个单向的轮播,区别就是显示的页数比较多,但没有交互,实际上还比轮播简单

https://www.swiper.com.cn/dem...

以上是 js表格无缝滚动 怎么来实现的 的全部内容， 来源链接： utcz.com/a/37655.html