$(window).scroll(function() {
clearTimeout($.data(this, 'scrollTimer'));
$.data(this, 'scrollTimer', setTimeout(function() {
// do something
console.log("Haven't scrolled in 250ms!");
}, 250));
});
Обновление
Я написал расширение для улучшения стандартного jQuery on -event-handler. Он присоединяет функцию-обработчик события для одного или нескольких событий к выбранным элементам и вызывает функцию-обработчик, если событие не было запущено в течение заданного интервала. Это полезно, если вы хотите вызвать обратный вызов только после задержки, например, события изменения размера или чего-то подобного.
Важно проверить наличие обновлений в github-repo!
https://github.com/yckart/jquery.unevent.js
;(function ($) {
var on = $.fn.on, timer;
$.fn.on = function () {
var args = Array.apply(null, arguments);
var last = args[args.length - 1];
if (isNaN(last) || (last === 1 && args.pop())) return on.apply(this, args);
var delay = args.pop();
var fn = args.pop();
args.push(function () {
var self = this, params = arguments;
clearTimeout(timer);
timer = setTimeout(function () {
fn.apply(self, params);
}, delay);
});
return on.apply(this, args);
};
}(this.jQuery || this.Zepto));
Используйте его как любой другой обработчик on или bind -event, за исключением того, что вы можете передать дополнительный параметр как последний:
$(window).on('scroll', function(e) {
console.log(e.type + '-event was 250ms not triggered');
}, 250);
http://yckart.github.com/jquery.unevent.js/
(это демо использует resize вместо scroll, но кого это волнует?!)