html javascript在4个方向上无限滚动-一个证明自己的机会

我有一个挑战——我在这里创建了这个小概念。它包含9个div，最初位于3乘3的正方形中。尽管在我的例子中，最初的视图是所有9个框都是"可见的"，即只被更高级别的滚动条隐藏，但其想法是，无论我向哪个方向滚动，我都永远不会到达终点。为什么，因为当我滚动时，我会不断地重新定位一个看不见的div，使其成为下一个可见的div。

我给你举个例子。如果当我水平滚动时，初始视图显示了框1和框2的一部分，我将开始看到框3，但当我到达框3的末尾时，框1重新出现在框3旁边，就好像它已经绕了一样。当我继续滚动时，框2现在再次出现在框1旁边，并最终再次出现框3。如果我向后滚动（仍然水平），同样的情况会开始发生，但在另一边。

所有这些都应该在不将任何对象加载到内存中的情况下进行，即只能使用原始对象。他们只是被重新定位而已。

最后，对于水平滚动是正确的，对于垂直滚动也是正确的。

现在戴上你的思考帽！