多个相同速度不同高度的jquery动画同时完成动画

Question

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

我想知道有没有办法不管距离多远都能保持原来的动画速度？

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/