step函数与velocity.js？

Question

最近，我从jQuery动画转向了velocity.js动画，以提高性能。切换是不愉快的，因为语法是相同的。然而，使用jQuery的step-function似乎并不适用于它：

$(".elem").velocity({
    height:100
},{
    step:function(now,fx){
        if(wasScrolledDown) $("body").scrollDown();
    }
});

在velocity.js中是否有类似的东西可以用于，在每个帧上运行一个函数？

我有一个聊天应用程序，当我动画元素的高度，我需要聊天保持向下滚动。使用jQuery动画，我的解决方案是在每个帧上运行.scrollDown()。.scrollDown()是我自己的扩展，它简单地滚动到所选元素的末尾。

Answer 1

速度有一个进度选项，相当于jQuery步骤。下面是语法的样子：

$element.velocity({
    opacity: 0,
    tween: 1000 // Optional
}, {
    progress: function(elements, complete, remaining, start, tweenValue) {
        console.log((complete * 100) + "%");
        console.log(remaining + "ms remaining!");
        console.log("The current tween value is " + tweenValue)
    }
});

从文档：选项：传递进度选项，一个要在动画持续时间内反复触发的回调函数。回调函数传递有关调用状态的数据。这些数据可以用于定制的推文等。

下面是可能有用的演示。希望这能有所帮助。