AnimatedScroll.js
Smooth, animated document scroll to a specific element, supporting native jQuery UI easings.
Demonstration
Check it in action on demo page.
Usage
$("#footer").animatedScroll( { duration: 'normal', easing: 'easeOutExpo' } );
Documentation
.animatedScroll([animateOptions][, offsetFromTarget])
animateOptions
parameter dublicates theoptions
parameter from jQuery native.animate()
method.offsetFromTarget
is an object withleft
andtop
properties, representing the offset of viewport center to target element left and top edge in the end of animation.left
andtop
properties may be absolute values like100
or"100px"
, giving the number of pixels for offset, or it may carry percentage values like"50%"
, so that the offset would be calculated, depending on target element size. The defaultoffsetFromTarget
value is{left: "50%", top: "50%"}
.
Dependency
Requires jQuery 1.3 or newer. Optional jQuery Easing Plugin to give advanced easing options.
Compatibility
Works with all versions of browsers that support jQuery 1.3, including IE7.
Download
Get latest development version ~3.5KB or minified version only ~2KB