跑马灯的效果如何实现从1-10，从10-1，就是滚动到10的时候不会自动跳上去，而是持续滚动

跑马灯的效果如何实现从1-10，从10-1，就是滚动到10的时候不会自动跳上去，而是持续滚动，譬如，从1-10，然后10之后又是1-10，循环往复，没有10之后直接跳到1从新开始这一步

FineReport 18847124794 发布于 2020-9-7 13:53 （编辑于 2020-9-7 15:49）

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：3 F币 + 添加悬赏

提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知

共2回答

最佳回答

jongwangLv6中级互助
发布于2020-9-7 14:02（编辑于 2020-9-8 09:28）

JS_无缝滚动.frm

这个思路你看不能参考下

思路就是

1：看下“一屏”多高（几行），下方添加几行重复行，

2：滚动整体滚动完立即回到最开始的状态，重新滚动，

所以看起来就会变成无缝的，

在第二步的时候，由于第一步在我们这里不好做到完全精确，所以需要对于js稍微调整下：

调整到页面滚动衔接流畅即可

----------------------------------

加一个十行的滚动。。

10行无缝滚动.frm

举报收起评论(7)

18847124794(提问者) 请问这个是怎么实现的，能帮我讲解一下吗

2020-09-07 14:07

jongwang 回复 18847124794(提问者) 思路简单写了下，你看下呢

2020-09-07 14:19

jongwang 回复 18847124794(提问者) 大概就是在原来的内容Part1（比如一定行数的表格）的最后面加上重复部分Part2（这个部分和最开始不滚动的时候的高度(Part1的最上方开始一屏高度的部分)一致），这样保证滚动到原来最底下的时候，会继续往下滚动这部分Part2，这部分滚动结束，会回到首行（part1部分重新开始），继续往下滚动，这样来保证无缝的效果。

2020-09-07 14:24