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

Question

我正在使用Velocity.js为CSS属性设置动画。

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

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

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

为此，我需要某种方式告诉速度我只需要完整动画的一个子集。 例如，将其设置为整个动画的10％。

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

Answer 1

您的问题很笼统！
我没有得到你想要的！
但是在Velocity中，您可以使用function而不是某些值，例如：

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