Puis-je déclarer une logique sur jQuery pour le début et la fin d'un événement de défilement?

Question

Je voudrais configurer la logique pour quand l'utilisateur commence à faire défiler la page et après que le défilement est fini, comment puis-je accomplir ceci?

Je veux éviter ci-dessous car cela signifie que ma logique sera tiré à plusieurs reprises inutilement

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

Answer 1

Vous pouvez définir vous-même debounced events. Un (très brut) la mise en œuvre ressemblerait à quelque chose comme ceci:

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); 
}); 

Voir: http://www.jsfiddle.net/yijiang/fGmbe/ pour une démonstration en direct