12

网站只提到了缓动选项:

# easing: Name of the easing equation.

但是没有例子。

如何使用此功能?

4

2 回答 2

23

示例在这里: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
于 2011-01-17T06:11:24.207 回答
1

您可以在此处找到默认用法: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;
 });
}
于 2014-11-20T02:35:26.357 回答