Trigger Start and End of scrolling

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

$(window).bind('scrollStart', function(){
console.log('scrollStart');
});

$(window).bind('scrollEnd', function(){
console.log('scrollEnd');
});

http://jsfiddle.net/yijiang/fGmbe/

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>