股利向下滾動

-2

後滑入這裏是我的代碼 http://jsfiddle.net/mihaene/7bdkB/股利向下滾動

我想一個div中，只要我向下滾動一定量的像素的滑動。它有效，但非常非常延遲（如5秒）。什麼問題？

任何建議將非常感激。

2012-05-09 Michael

您好我認爲這個問題是你的else塊。 jQuery然後開始動畫，需要約300毫秒。

var $test2 = $(".test2"); 
$(window).scroll(function() { 
    if ($(this).scrollTop() > 100) { 
     $test2.stop().animate({left: "200px"}, 300); 
    } else { 
     $test2.stop().animate({left: "-90px"}, 300); 
    } 
});

所以，只需使用jQuery的stop（）方法來停止這些動畫即可。

在旁註：也許你應該想到不同的if/else語句，以便不像其他人建議的那樣通過每個滾動事件獲得動畫（或停止/重新啓動）。

來源

2012-05-09 14:21:58

很感謝。完美的作品！ – Michael

不客氣！ –

我想不出一個不同的if/else語句，雖然...你認爲這樣做對性能不利嗎？ – Michael

您的jsfiddle示例沒有延遲問題，但這可能是因爲窗口大小很小，滾動觸發的機會並不多。延遲的可能原因是滾動功能觸發的頻率。他們可以很快堆積起來，造成延誤。

添加console.log（如果使用Firebug）並查看控制檯中的頻率以更好地瞭解頻率。

來源

2012-05-09 14:16:38

我嘗試過這種方法，並且它的啓動速度非常快。儘管如此，動畫開始很延遲： $（document）.scroll（function（）{ console.log（$（document）.scrollTop（））; }） – Michael

當你看它時，它反應速度快嗎？ – Michael

這是我能想到的最佳解決方案，如果我錯了，請糾正我。

事件堆積並逐一被解僱。所以我的解決方案是將它們放在隊列中並在需要時清除隊列。

我用queue

DEMO

希望這有助於

來源

2012-05-09 14:18:17 Dhiraj

我更喜歡將功能放在定時器上，並在短時間停止滾動後觸發。像250ms。 –

很酷。謝謝。工作很好。我並不完全瞭解排隊，但很好！ – Michael

股利向下滾動

回答

相關問題