如何使用'easeOutBack'easing与Velocity.js

Question

我使用veloicty.js来动画我的网站上的元素。除了easeOutBack之外，我可以使用任何其他缓动方法。我以为我读到除了'反弹'效果之外，所有内容都包含在库中。

我还包括jqueryui到我的项目中，只是最后一次努力，看看是否有帮助。没有运气。

这里是我使用的是什么：

$('element').mouseenter(function (event) { 
    $(this).find('h2').velocity({ 
     'top': 20 
    }, { 
     'duration': 300, 
     'easing': 'easeOutBack' 
    }); 

或者，是我需要用2个速来电手动创建效果的情况下。一个将元素的位置设置为20，然后将另一个设置回20？

Answer 1

如the docs说：

预包装成速度是jQuery用户界面的渐变效果，除了回，反弹，有弹性宽松的类型。

所以很遗憾，你不会有与easeOutBack宽松任何运气。

但是，由于它是一个简单的预定义三次贝塞尔曲线，因此您可以简单地使用它的值生成效果：[0.175, 0.885, 0.32, 1.275]作为easing选项的值。