问题
The website only mentions the easing option:
# easing: Name of the easing equation.
But there's no example.
How to use this feature?
回答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
回答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;
});
}
来源:https://stackoverflow.com/questions/4710438/how-to-use-easing-in-the-jquery-plugin-jquery-scrollto