JQuery幻灯片效果与速度而不是持续时间

Question

我尝试以相同的速度（不是持续时间）滑动每个div，这样一个更大的div比一个更小的div需要更多的时间。

但正如你在这里看到的那样（http://jsfiddle.net/4AdRH/11/）小的一个（100px）比最后一个100px的那个更快滑动。

JS：

var msPerPixel = 4;
$('#div1').slideUp($('#div1').height() * msPerPixel);
$('#div2').slideUp($('#div2').height() * msPerPixel);

Answer 1

正如评论中所提到的，缓和可能使其看起来不会以相同的速度向上滑动。尝试指定linear http://jsfiddle.net/evilbuck/4AdRH/12/

var msPerPixel = 4;
$('#div1').slideUp($('#div1').height() * msPerPixel, 'linear');
$('#div2').slideUp($('#div2').height() * msPerPixel, 'linear');