最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - vertically scrolling html list - Stack Overflow

programmeradmin0浏览0评论

I have a long HTML list of say, 30 items. I would like to display this list in a vertical space that is only tall enough to acmodate about 5 of them. The list should automatically scroll vertically through the items (like a news ticker), but there are button to pause the scrolling and move to the next or previous items in the list. When the scrolling has reached the end of the list, it should restart at the beginning.

I'm looking for a jQuery plugin remendation that can provide this functionality. I have a couple of other requirements, which are not absolutely necessary, but very desirable:

  • can acmodate list items of different heights
  • does not depend on jQuery-UI

The entire list will be loaded when the page is displayed, so I don't need to be able to load the list items via AJAX.

I have a long HTML list of say, 30 items. I would like to display this list in a vertical space that is only tall enough to acmodate about 5 of them. The list should automatically scroll vertically through the items (like a news ticker), but there are button to pause the scrolling and move to the next or previous items in the list. When the scrolling has reached the end of the list, it should restart at the beginning.

I'm looking for a jQuery plugin remendation that can provide this functionality. I have a couple of other requirements, which are not absolutely necessary, but very desirable:

  • can acmodate list items of different heights
  • does not depend on jQuery-UI

The entire list will be loaded when the page is displayed, so I don't need to be able to load the list items via AJAX.

Share Improve this question asked May 29, 2012 at 13:18 DónalDónal 187k177 gold badges585 silver badges844 bronze badges
Add a ment  | 

2 Answers 2

Reset to default 6

Have you seen this:

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

I used it recently and it worked great. Seems to meet your requirements.

try this, it's a simplest solution without using additional jQuery plugin: http://jsfiddle/shershen08/5q3Bv/4/

发布评论

评论列表(0)

  1. 暂无评论