How to use easing in the jQuery plugin jQuery.ScrollTo?

Question

The website only mentions the easing option:

# easing: Name of the easing equation.

But there\'s no example.

How to use this feature?

Answer 1

The examples are here: http://demos.flesler.com/jquery/scrollTo/

Use like so:

$.scrollTo( '#options-examples', 800, {easing:'easeOutQuad'} );

These easing functions don't come built in though. You can use the jQuery Easing plugin. This then supplies the following easing functions:

• jswing
• easeInQuad
• easeOutQuad
• easeInOutQuad
• easeInCubic
• easeOutCubic
• easeInOutCubic
• easeInQuart
• easeOutQuart
• easeInOutQuart
• easeInQuint
• easeOutQuint
• easeInOutQuint
• easeInSine
• easeOutSine
• easeInOutSine
• easeInExpo
• easeOutExpo
• easeInOutExpo
• easeInCirc
• easeOutCirc
• easeInOutCirc
• easeInElastic
• easeOutElastic
• easeInOutElastic
• easeInBack
• easeOutBack
• easeInOutBack
• easeInBounce
• easeOutBounce
• easeInOutBounce

Answer 2

You can find the default usage here: http://gsgd.co.uk/sandbox/jquery/easing/

Here is an example of 'easeOutQuad':

function (){
 jQuery.easing.def = 'easeOutQuad';

 $('#options-examples').on('click','a', function() {
   $('#another-option-examples').slideToggle(1000);
   return false;
 });
}