我正在努力解决一个 jquery 问题。
我想我已经接近解决方案了，但我现在一直在跌跌撞撞。
所以我的标记（简化）看起来像这样：
<div class="col">
Content
<div class="scroll-container">
<ul>
<li>Content</li>
<li>Content</li>
<li>Content</li>
</ul>
</div>
<a href="#" class="scroll">scroll down</a>
</div>
基本上是一个包含一个容器和一个按钮的 .col 。
计划：
1）单击按钮容器后应向下滚动到下一个<li>。
2）当到达最后一个<li>时，它会再次滚动到第一个 <li>。所以我需要一个循环。
3)数量和大小可能会因<li>情况而异。所以基本上按钮应该只是滚动<li>到容器顶部的旁边。
4）滚动<li>需要有一点边距到容器的顶部边缘。
我在哪里：
我有一个类似的问题，ronalchn很好地解决了这个问题，由于问题有点相似，我根据他的代码创建了一个小提琴。
摆弄已解决的问题（查看实际代码）
摆弄这个问题（显然不适用于同一个 jquery）
我认为代码基本上只需要稍微重新排列即可适应新情况。
我已经尝试了几个小时，但这似乎仍然超出了我目前对 jquery 的理解水平。
对于朝着正确方向的任何推动，我都非常高兴。谢谢你。