Как использовать ослабление в плагине jQuery jQuery.ScrollTo? В веб-сайт упоминается опция ослабления: # easing: Name of the easing equation. Но нет примера. Как использовать эту функцию? Ответ 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; }); }
Ответ 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; }); }