我可以在jQuery上爲滾動事件的開始和結束聲明邏輯嗎？

Question

我想爲用戶開始在頁面上滾動並在滾動完成後設置邏輯，我該怎麼做到這一點？

我想避免下面的，因爲它意味着我的邏輯將反覆觸發不必要

$(window).scroll(function(){ 
    console.log("scrolling"); 
}); 

Answer 1

你可以嘗試定義你自己的debounced events。 A（很粗）的實施將是這個樣子：

var t, l = (new Date()).getTime(); 

$(window).scroll(function(){ 
    var now = (new Date()).getTime(); 

    if(now - l > 400){ 
     $(this).trigger('scrollStart'); 
     l = now; 
    } 

    clearTimeout(t); 
    t = setTimeout(function(){ 
     $(window).trigger('scrollEnd'); 
    }, 300); 
}); 

參見：http://www.jsfiddle.net/yijiang/fGmbe/了現場演示