Implementing a circular scroller in jquery

Question

I am looking for a jquery plugin for modeling a vertical region. I need this to support:

• Scroll through any opaque (unstructured) content. No no no. The user can even paste from Word.
• Automatic constant scroll speed.
• Pause when freezing.
• Scroll - after scrolling to the end, continue smoothly from the very beginning. No scrolling back, no visible transition.

I tried all the tickers, serialScroll, carousels, etc. Most of them require some structure, list, elements with a constant width / height. They also scroll through full objects (scrolling, waiting, scrolling). But the biggest bollard is requirement 4. None of them provide a “fake” tail for smooth scrolling restarts.

Am I missing something, or will I have to write it myself?

Answer 1

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 are written using jquery. Is this what you are looking for?

Answer 2

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

Which is similar to what you requested.

Answer 3

I would look at Glimmer . A new design tool that will help generate all the code needed for interesting user interface widgets.

Answer 4

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

The problem is that it does not scroll smoothly from the end to the beginning, but jumps to the beginning ... Maybe you can edit the code for your requirements ...

EDIT:

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

A small tutorial for autoscrolling using jQuery. Thr problem, it is supposed to be used with a div and just works horizontally. But this should not be a problem when changing the code to make it scroll vertically if you have experience with javascript.

Answer 5

You may or may not be able to achieve this using the Cycle plugin . Either using its impressive API, or expanding it a bit.