js如何实现单张图向上无缝滚动？

Question

很着急，，希望会js的大佬帮帮孩子吧，我太难了。
需求：
需要实现一张单张的图片向上滚动并且是无缝滚动，还可以在图片显示到页面居中的时候暂停3s，再继续滚动。

Answer 1

最常用的方案就是，多复制一张，用字母表示图片 [a] => [a, a] ， [a, b, c] => [a, b, c, a]
当滚动到第一个a的时候继续向下滚动，这时候看到的是第二个a
当第二个a滚动到底的时候，迅速复原，又回到第一个a，就这样无限滚动

Answer 2

理解下示例

找个合适的