如何用JavaScript实现网页的无缝滚动动画效果？

本文共计1084个文字，预计阅读时间需要5分钟。

原文示例：本文字例为大家分享了JavaScript实现页面无缝滚动效果的总体代码，供大家参考。目前我仅使用了两种方式，如下所示，如果还有其他方式，希望推荐一下。

1.使用js transform 使用定时器动画

简化版：示例：用JS的transform和定时器实现页面滚动如需其他方法，欢迎推荐。

本文实例为大家分享了JavaScript实现页面无缝滚动效果的具体代码，供大家参考，具体内容如下

目前我只使用两种方式，如果还有其他方式，希望推荐一下。

1、js+transform

使用定时器动态增加大小，再把值赋给 transform，实现位置偏移，来实现无缝滚动。

html

一定要循环两遍数据，这样的话，会出现两个一样的数据，在一个数据消失后，不会使页面空白，而这时transform归0，有从头开始，因为两个数据相同，归0后视觉上就像无缝滚动。