整个页面的Javascript循环滚动

Question

I would like to create the following effect, but do not know if it is achievable the way I envisage.

I would like a html page that is 2 or 3 times bigger than the screen and is scrollable (in itself nothing special). But when you reach the bottom I want it to automatically go back to the top seemlessly.

The end result I would like is if you held down the down arrow button the page would keep looping and scrolling down.

I want it to be continuous, not just jump back up to the top and start over.

Answer 1

You need to make a second copy of your contents and stick it after the original. When "frame one" of the second copy gets to the edge of the screen, reset the positioning back to zero. This way it appears to be like a seamless loop.