具有动态内容的js轮播

Question

花太多时间试图解决这个问题，但这里有：

要求：

• 垂直列表中的项目，在div容器中，结构div / ul / li
• 用户应该能够滚动浏览列表，通过将鼠标悬停在div上进行平滑滚动，滚动加速向上和向下滚动
• 向两端滚动是无穷无尽的（即在列表的末尾，列表再次开始，而不是改变方向）
• 列表是通过js
动态生成的
• 点击所选项目移动到中心，鼠标移出，项目最近的中心移动到中心
• 列表项目没有固定的高度

放弃推出自己的解决方案...... 我已经尝试了jcarousel，可以说服除了平滑滚动之外的所有这些事情。另外，当点击列表末尾附近的项目[使用scroll（）]并且当前项目是第一项时，列表会一直向后滚动到最后，而不是仅滚动到下一项目。

接下来jquery.serialscroll。让一切正常工作，除了无休止的滚动，或者更确切地说，底部可以无限滚动（通过相对ul的列表项的绝对定位）但我不知道如何做到滚动到顶部。

滚动时，可以假设没有添加新项目。

没有平滑和可变/不可预测的滚动速度的要求，问题似乎并不太难解决，但所有组合我似乎无法找到解决方案。

是否有一个jquery插件我错过了或有人使用serialscroll或jcarousel让它工作？

希望这是足够的信息，并且在翻译方面没有太多损失。

欢呼并提前致谢

Answer 1

我发现的最好的就是这一个：http://www.jacksasylum.eu/ContentFlow/

我相信它符合您的所有（或肯定是大多数）要求，适用于所有浏览器，甚至不需要JQuery。

希望有所帮助。