What is it exactly?
AnimateScroll is a jQuery plugin which enables you to scroll to any part of the page
in style by just calling the animatescroll() function with the Id or Classname
of the element where you want to scroll to.
Basic usage:
It gives power to the user with its various options to customize the style of scrolling, scroll speed and many more. Supports more than 30 unique Scrolling Styles.
Easing Effects
This plugin supports more than 30 different styles of scrolling. The easing option lets you choose a particular style of scrolling according to your choice.
Some of them are shown here:
$('#section-2').animatescroll({scrollSpeed:2000,easing:'easeInOutBack'});$('#section-2').animatescroll({scrollSpeed:2000,easing:'easeOutBounce'});$('#section-2').animatescroll({scrollSpeed:3000,easing:'easeOutElastic'});$('#section-2').animatescroll({scrollSpeed:2000,easing:'easeInQuad'});$('#section-2').animatescroll({scrollSpeed:2000,easing:'easeOutQuad'});$('#section-2').animatescroll({scrollSpeed:2000,easing:'easeInOutQuad'});$('#section-2').animatescroll({scrollSpeed:2000,easing:'easeInCubic'});$('#section-2').animatescroll({scrollSpeed:2000,easing:'easeOutCubic'});$('#section-2').animatescroll({scrollSpeed:2000,easing:'easeInOutCubic'});$('#section-2').animatescroll({scrollSpeed:2000,easing:'easeInQuart'});$('#section-2').animatescroll({scrollSpeed:2000,easing:'easeOutQuart'});$('#section-2').animatescroll({scrollSpeed:2000,easing:'easeInOutQuart'});$('#section-2').animatescroll({scrollSpeed:2000,easing:'easeInQuint'});$('#section-2').animatescroll({scrollSpeed:2000,easing:'easeOutQuint'});$('#section-2').animatescroll({scrollSpeed:2000,easing:'easeInOutQuint'});$('#section-2').animatescroll({scrollSpeed:2000,easing:'easeInSine'});$('#section-2').animatescroll({scrollSpeed:2000,easing:'easeOutSine'});$('#section-2').animatescroll({scrollSpeed:2000,easing:'easeInOutSine'});$('#section-2').animatescroll({scrollSpeed:2000,easing:'easeOutBack'});