javascript - 我如何限制动画，例如根据捏手势比例设置它们

Question

我正在使用velocity.js 为css 属性设置动画。

$(".list-element).velocity({
        height: "50px"
    }, {
        duration: 250
    })  

我也想根据动态事件将相同的属性更改为相同的目标值。

特别是捏手势（hammer.js）和滚动。

为此，我需要一些方法来告诉速度我只想要完整动画的一个子集。例如将其设置为完整动画的 10%。

将整个动画分成 x 个小部分会破坏我认为的缓和。

Answer 1

你的问题很笼统！
我没有得到你想要的！
但在 Velocity 中，您可以使用函数而不是某个值，如下所示：

var step = 10; //consider it's dynamic variable!
$elm.velocity({
    height: function() {
        return '+='+(step/100)*300+'px';
    }
},whatEver);