问答

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

作者:admin 2021-06-07 我要评论

这种带有斑马线效果的列表,怎么实现自动上下无缝隙滚动。 百度上很多效果都不太好/ ### 以列表向上滚动为例. 将顶部的若干行(显示几行,就clone几行.),clone到列...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

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

###

以列表向上滚动为例.
将顶部的若干行(显示几行,就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...

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • PHP-fpm怎么实现进程间同步与互斥的?

    PHP-fpm怎么实现进程间同步与互斥的?

  • ts类型问题

    ts类型问题

  • js不带引号的对象格式字符串怎么转为对

    js不带引号的对象格式字符串怎么转为对

  • Number.prototype.toFixed() 四舍五入

    Number.prototype.toFixed() 四舍五入

腾讯云代理商
海外云服务器