垂直滚动html列表

Question

我有一个长长的HTML列表，比如说，30个项目。我想在一个垂直的空间中显示这个列表，这个空间的高度只够容纳其中的5个。列表应该会自动在项目中垂直滚动(就像新闻代码)，但是有按钮可以暂停滚动并移动到列表中的下一项或前一项。当滚动到列表的末尾时，应该在开始时重新启动。

我正在寻找一个jQuery插件建议，可以提供这一功能。我还有其他几个要求，这些要求不是绝对必要的，但非常可取：

• 可以容纳不同高度的列表项，
• 不依赖jQuery

。

显示页面时将加载整个列表，因此我不需要通过AJAX加载列表项。

Answer 1

你看过这个吗？

http://buildinternet.com/2011/02/totem-a-vertical-ticker-jquery-plugin/

我最近用过它，效果很好。似乎符合你的要求。

Answer 2

试试看，这是一个最简单的解决方案，无需使用额外的jQuery插件：http://jsfiddle.net/shershen08/5q3Bv/4/