Подтвердить что ты не робот

Как использовать ослабление в плагине jQuery jQuery.ScrollTo?

В веб-сайт упоминается опция ослабления:

# easing: Name of the easing equation.

Но нет примера.

Как использовать эту функцию?

4b9b3361

Ответ 1

Примеры приведены здесь: http://demos.flesler.com/jquery/scrollTo/

Используйте так:

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

Эти функции ослабления не встроены. Вы можете использовать плагин jQuery Easing. Затем он выполняет следующие функции ослабления:

  • 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

Здесь вы можете найти использование по умолчанию: 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;
 });
}