Implementing circular scroller in jquery

Question

I'm looking for a jquery plugin to simulate a vertical marquee. I need it to support:

1. Scroll any opaque (unstructured) content. No li, no div. The user can even paste from Word.
2. Automatic constant scroll velocity.
3. Pause on hover.
4. Circular scroll - after scrolling to end, continue smoothly from the beginning. No scroll back, no visible jump.

I tried all the tickers, serialScroll, carousels, etc... Most require some structure, list, constant width/height items. Also they scroll by full items (scroll, wait, scroll). But the biggest blocker is requirement 4. None provide "fake" tail to smoothly restart scrolling.

Have I missed something, or I'll have to write this by myself?

Answer 1

I am using currently: http://jdsharp.us/jQuery/plugins/jdNewsScroll/1.1/

Which does seem to do also what you requested.

Answer 2

You may or may not be able to achieve this using the Cycle plugin. Either by using it's impressive API or by extending it a bit.

Answer 3

2 live examples of what you want:

http://www.learningjquery.com/2006/10/scroll-up-headline-reader

http://woork.blogspot.com/2008/10/automatic-news-ticker-with-vertical.html

Both written using jquery. Is this what you are looking for?

Answer 4

You should try http://flowplayer.org/tools/demos/scrollable/autoscroll.html

The Problem is that it is not scrolling smoothly from the end to the beginning, but jumps to the start... Maybe you can edit the code for your requirements...

EDIT:

--> http://www.maaki.com/thomas/SmoothDivScroll/index.html

Its a little tutorial for autoscrolling using jQuery. Thr problem is, its supposed to be used with a div and just works horizontally. But it should be no problem on changing the code to make it scroll vertically if you have some javascript experience.

Answer 5

I would take a look at Glimmer. A new designer tool to help generate all the code needed for cool UI widgets like this.