我们怎样才能让它无限滚动？

Question

我通过 Codepen 在这里显示了这个很酷的菜单。 我尽力对其进行自定义，但无法使其无限滚动。 （当我滚动时，菜单循环） 这是笔

<块引用>

https://codepen.io/dev_loop/pen/PoZBOBx 请你帮助我好吗。 谢谢。

无限滚动菜单演示 Demo

Answer 1

更新

所以我想看看 locomotiveScroll 的可能性，同时我找到了解决您问题的快速方法：

我在您的 scss 中添加了一些行：这些行将计数器重置为 1

.resetcounter::before{
    counter-set: menucounter 1 ;
}

Solution Here: Infinite Scrolling

该程序的功能如何？

我在所有菜单项中间的元素（此处为第 5 个）添加 data-scroll-call="id" 间谍的逻辑

当向下滚动看到间谍 (data-scroll-call="0" for example) 时，它会向容器添加新项目 (clone jQuery) 并增加 id 并更新 locomotiveScroll ，依此类推。

当向上滚动看到间谍时，程序删除data-scroll-call with id + 2的所有项目

当 locomotiveScroll 更新以获取新的项目间谍时，难点在于过滤污染 event call 的消息