jquery - 多个具有相同速度和不同高度的jquery animate同时完成动画

Question

所以，我有多个具有相同速度和不同高度的 jquery animate，并且所有动画都是同时完成的。

我想知道是否有办法无论距离多远都保持原始动画速度？

http://jsfiddle.net/lollero/CEksN/ - 这意味着这些当然会在不同的时间完成。

(我的问题并不是它们如何同时完成，而是它们的速度如何变化)

<小时/>

FlabbyRabbit 的回答让我走上了正确的道路。这或多或少就是我所追求的

http://jsfiddle.net/lollero/CEksN/12/

Answer 1

这是我的做法:

//Calculate length of time per pixel
var spp = 500/20;
$('#lt').animate({ height: '400' }, spp*400, 'linear');
$('#mm').animate({ height: '55' }, spp*51, 'linear');
$('#ss').animate({ height: '20' }, spp*20, 'linear');

您更新的 jsfiddle: http://jsfiddle.net/CEksN/8/