垂直滚动html列表

时间:2012-05-29 13:18:03

标签: javascript jquery jquery-plugins

我有一个很长的HTML列表,包括30个项目。我想在一个垂直空间中显示这个列表,该空间的高度足以容纳其中的大约5个。列表应自动垂直滚动项目(如新闻自动收报机),但有按钮暂停滚动并移动到列表中的下一个或上一个项目。当滚动到达列表的末尾时,它应该在开头重新开始。

我正在寻找可以提供此功能的jQuery插件推荐。我还有其他一些要求,这些要求并非绝对必要,但非常可取:

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

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

2 个答案:

答案 0 :(得分:6)

你见过这个:

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

我最近使用它并且效果很好。似乎符合您的要求。

答案 1 :(得分:1)

试试这个,这是一个最简单的解决方案,而不使用额外的jQuery插件:http://jsfiddle.net/shershen08/5q3Bv/4/