纯 css 的话,就需要双倍 dom,然后 translate 100%。css + js 的话,就是一条的高度滚动即可。然后 animationend 的时候将头节点 appendChild 即可。本文参与了SegmentFault 思否面试闯关挑战赛,欢迎正在阅读的你也加入。
将数据扩充为双倍渲染,然后用CSS3向上滚动50%。我之前在博客中有实现这样的方法,您可以参考一下:
用CSS3实现无限循环的无缝滚动