javascript - Implementing circular scroller in jquery - Stack Overflow

admin管理员组

文章数量:1336603

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?

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?

• javascript
• jquery

Share Improve this question Follow asked May 1, 2009 at 16:12 felixgfelixg 97211 gold badge99 silver badges1010 bronze badges 2

• I'm not really sure what you mean by a 'vertical marquee'. Do you want text, for instance, to scroll vertically as one big block like movie credits that just endlessly loop (or wrap) or something? Like, say you had a block of text that was 100px high and 100px wide. And you had a marquee area of 200px... You would want this block of text to scroll down and then have the hidden parts magically wrap to the top and continue scrolling? If this is what you mean, let me know and I'll see what I can do to make that happen for ya. – KyleFarris Commented May 5, 2009 at 0:06
• Very close. I've 100x150 block. I need it to scroll upwards, and when content has fully disappeared up, it restarts from below. See in4gan.co.il/… for the desired behavior. – felixg Commented May 5, 2009 at 8:17

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 2 +150

2 live examples of what you want:

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

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

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

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

Which does seem to do also what you requested.

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

You should try http://flowplayer/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./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.

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.

本文标签： javascriptImplementing circular scroller in jqueryStack Overflow