我通过 Codepen
在这里显示了这个很酷的菜单。
我尽力对其进行自定义,但无法使其无限滚动。 (当我滚动时,菜单循环)
这是笔
https://codepen.io/dev_loop/pen/PoZBOBx 请你帮助我好吗。 谢谢。
无限滚动菜单演示 Demo
答案 0 :(得分:2)
更新
所以我想看看 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
的消息