javascript - 如何让用户连续滚动列表？

Question

我有一个带有滚动溢出的 div 容器。它包含许多像列表一样滚动的子元素。一旦用户一直滚动到底部，我希望列表的顶部项目从底部重新出现，就好像它是一个连续的、无限的列表，但具有相同的项目。

原因是列表包含的链接一旦位于页面的垂直中心就会突出显示。我想要一个无休止的列表，以便可以突出显示所有项目。

我找不到任何对我的案例有帮助的示例或引用资料。任何帮助将不胜感激:)

Answer 1

我不认为有一种开箱即用的方法可以用纯 JS 来做到这一点(而且我也没有听说过任何用于此的库)。

但是，您可以手动监听 onscroll 事件，然后通过 container.appendChild()< 计算顶部的哪些元素必须删除并追加到列表底部 和 container.removeChild()。