How to trigger ajax request on scroll stop?

Question

On window scroll I\'m doing ajax request like this

$(window).scroll(function(){
 //doing ajax request
});

but it is creating multiple ajax

Answer 1

I don't believe there's an onscrollstop listener, but you can emulate it by setting a timeout and clearing it if scrolling continues.

var timeout = null;

$(window).scroll(function() {
    clearTimeout(timeout);
    timeout = setTimeout(function() {
        // do your ajax request
    }, 100);
});