如何使用Velocity.js使用'easeOutBack'缓动

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中所述：

  

预先打包到Velocity中的是jQuery UI的缓动，除了后退，弹跳和弹性缓动类型。

所以不幸的是，easeOutBack缓和你不会有任何运气。

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