Javascript 如何限制动画,例如,根据捏手势比例设置动画

Javascript 如何限制动画,例如,根据捏手势比例设置动画,javascript,jquery-animate,velocity.js,Javascript,Jquery Animate,Velocity.js,我正在使用velocity.js设置css属性的动画 $(".list-element).velocity({ height: "50px" }, { duration: 250 }) 我也想根据动态事件将相同的属性更改为相同的目标值 特别是捏手势(hammer.js)和滚动 为此,我需要一些方法来告诉velocity,我只想要完整动画的一个子集。 例如,将其设置为完整动画的10% 我认为,将整个动画分割成x个小部分将打破缓和。你的问题非常笼

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

$(".list-element).velocity({
        height: "50px"
    }, {
        duration: 250
    })  
我也想根据动态事件将相同的属性更改为相同的目标值

特别是捏手势(hammer.js)和滚动

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


我认为,将整个动画分割成x个小部分将打破缓和。

你的问题非常笼统
我没有得到你想要的
但在速度中,可以使用函数而不是特定值,如下所示:

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