速度而不是持續時間的JQuery幻燈片效果

我試圖以相同的速度（不是持續時間）向上滑動每個div，因此較大的div比較小的一個需要更多的時間。速度而不是持續時間的JQuery幻燈片效果

但是，正如你在這裏看到的（http://jsfiddle.net/4AdRH/11/），小的一個（100px）向上滑動得更快，而最大的一個向上滑動100px。

JS：

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

問題是什麼？ – 2014-10-26 19:21:52

我知道，通常會使用持續時間。但我不想這樣做。我希望所有幻燈片都具有相同的速度。這意味着更大的集裝箱需要更多的時間，而不是更小的集裝箱 - 速度相同。 – user3142695 2014-10-26 19:25:39

你的小提琴似乎已經做到了你想要的。什麼是問題？ – 2014-10-26 19:26:51

正如評論所說，可能是寬鬆使其出現在相同的速度不向上滑動。嘗試指定linearhttp://jsfiddle.net/evilbuck/4AdRH/12/

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

2014-10-26 19:36:05

好吧，你是對的。兩者具有相同的速度... http://jsfiddle.net/4AdRH/13/ – user3142695 2014-10-26 19:41:55

回答