jQuery Vertical Marquee

jquery animation scroll marquee
Curt picture Curt · Oct 7, 2011 · Viewed 19.7k times · Source

I'm looking for a continuous scrolling marquee (not the HTML element!) which is similar to this one, but instead scrolls vertically down.

With a lot of scrolling div's I've seen, these will reach the bottom, and then have to fully slide off the page, before the start is visible again. I need this to be continuous, so that the last logo in my div has the first logo directly beneath it.

Is there a jQuery plugin already available for this sort of animation?

Answer

Timbo picture Timbo · Oct 7, 2011

There's a couple of jQuery add-ons that attempt to mimic the marquee affect. I've used this one before: http://www.vegabit.com/jquery_scroller/

It handles images / text etc so should enable you to do a vertical version of the marquee on the link you posted.

Edit: you do seem to have a fair problem with that plugin -

My alternative would be to use a simple animate loop. Never wanting to be defeated, here's one I made earlier! http://jsfiddle.net/gkTWC/48/ :)

And one for varying heights! http://jsfiddle.net/gkTWC/53/

Related questions

Scroll smoothly to specific element on page

I want to have 4 buttons/links on the beginning of the page, and under them the content. On the buttons I put this code: <a href="#idElement1">Scroll to element 1</a> <a href="#idElement2">…

Read More
jQuery - ScrollTop without animation

How can I use the scrolltop without an animation This code works: var offTop = $('#box').offset().top; offTop = offTop-43; $('#mainCt').animate({scrollTop: '+=' + offTop + 'px'}, 400); And here are my (not working solutions): $("#mainCt").scrollTop('+=' + offTop + …

Read More
Wow.js repeat animation every time you scroll up or down

I'm pretty new with Jquery. I would like that my animations with Wow.js could run more than once time. For instance: i scroll to the bottom of my page and see all the animations, and if i scroll back …

Read More