Tuesday, January 22nd, 2008
jQuery ScrollTo Plugin
Category: JavaScript
, jQuery
Ariel Flesler has a nice little jQuery plugin, ScrollTo, that lets you scroll with many configuration options:
- Axes to be scrolled, 'x', 'y', 'xy' or 'yx'.
- Animation length (or by default, no animation)
- Easing method
- Whether to take in account, the margin of the target element
- If both axes are chosen, whether to animate together, or queue the animations.
- The possibility to add/deduct from the end position a defined amount of pixels.
- If queing, a callback function to be called after the first scrolling.
- A callback function to be called after the whole scrolling ended.
For example:
JAVASCRIPT:
-
-
$.scrollTo( '#options-examples', 800, {easing:'elasout'} );
-
We talked about scrolling in Prototype in the past.
4.1 rating from 40 votes
This looks like some solid work Ariel. Nice job.
Hi Dion, thanks for mentioning ScrollTo. I checked the link you added about Prototype. That looks very similiar to jQuery’s LocalScroll http://www.freewebs.com/flesler/jQuery.LocalScroll/
Cheers