jquery - 如何在 jQuery 插件 jQuery.ScrollTo 中使用缓动？

Question

该网站只提到了缓动选项：

# easing: Name of the easing equation.

但是没有例子。

如何使用此功能？

Answer 1

示例在这里：http ://demos.flesler.com/jquery/scrollTo/

像这样使用：

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

但是这些缓动函数并不是内置的。您可以使用jQuery Easing 插件。然后提供以下缓动函数：

• jswing
• easeInQuad
• easeOutQuad
• easeInOutQuad
• 轻松立方
• 轻松出立方
• 缓入出立方
• 轻松夸脱
• easeOutQuart
• easeInOutQuart
• easeInQuint
• easeOutQuint
• easeInOutQuint
• 轻松正弦
• 轻松输出正弦
• easeInOutSine
• 世博会
• 轻松出展
• 轻松进出世博会
• 轻松循环
• easeOutCirc
• easeInOutCirc
• 轻松无弹性
• easeOutElastic
• easeInOut弹性
• 轻松返回
• 轻松外出
• easeInOutBack
• 轻松反弹
• easeOutBounce
• easeInOutBounce

Answer 2

您可以在此处找到默认用法：http: //gsgd.co.uk/sandbox/jquery/easing/

这是“easeOutQuad”的示例：

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

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