jQuery.SerialScroll 1.2.4

A jQuery plugin to easily animate any series of elements, by sequentially scrolling them

  Add it to your Download Basket!

 Add it to your Watch List!


Rate it!

What's new in jQuery.SerialScroll 1.2.2:

  • Removed the check that avoids re-scrolling to the same index, this might be desirable sometimes.
  • The settings object is exposed in the onBefore as the 'this'.
Read full changelog
send us
an update

GPL: GNU General Public License

MIT License

3.4/5 16
Ariel Flesler
C: \ Graphics and Multimedia \ Graphics and Animations
It uses jQuery.ScrollTo to achieve the scrolling animation.

It is a very unrestricted plugin, that lets you customize pretty much everything from outside. You can use horizontal or vertical scroll, also combined.

jQuery.SerialScroll doesn't have one definite purpose. It's generic and adaptable. You can certainly use it as a screen slider. That is, to sequentially navigate a group of screens.

This plugin can also animate a text scroller in no time. It can definitely handle slideshows, the high customizability of the scrolling effect lets you create beautiful animations. You can even build an automatic news ticker!

jQuery.SerialScroll gives you access to a lot of options.

These are:
- targetThe element to scroll, it's relative to the matched element.
- If you don't specify this option, the scrolled element is the one you called serialScroll on.
- eventon which event to react (click by default).
- startfirst element of the series (zero-based index, 0 by default).
- stephow many elements to scroll each time. Use a negative number to go on the other way.
- lockif true(default), the plugin will ignore events if already animating. Then animations can't be queued.
- cycleif true, the first element will be shown after going over the last, and the other way around.
- stopif true, the plugin will stop any previous animations of the element, to avoid queuing.
- forceif true, an initial scroll will be forced on start.
- jumpif true, the specified event can be triggered on the items, and the container will scroll to them.
- itemsselector to the items(relative to the scrolled element).
- prev(optional)selector to the 'previous' button.
- next(optional)selector to the 'next' button.
- lazyif true, the items are collected each time, allowing dynamic content(AJAX, AHAH, jQuery manipulation, etc).
- intervalIf you specify a number, the plugin will add auto scrolling with that interval.
- constantShould the speed remain constant, no matter how many items we scroll at once ? (true by default).
- navigationOptionally, a selector to a group of elements, that allow scrolling to specific elements by index. Can be less than the amount of items.
- excludenewIf you want the plugin, to stop scrolling before the actual last element, set this to a number, and that amount of items is ignored counting from the end.
- This is useful if you show many items simultaneously, in that case, you probably want to set this option to the amount of visible items - 1.
- onBeforeA function to be called before each scrolling. It receives the following arguments: event object, targeted element, element to be scrolled, collection of items and position of the targeted element in the collection.
- The scope(this) will point to the element that got the event. If the function returns false, the event is ignored.

Last updated on December 3rd, 2013

Runs on: Windows / Linux / Mac OS / BSD / Solaris


#javascript animation #jQery plugin #elements animation #animation #library #jQuery #plugin

Add your review!