Prevent scroll event triggered when content push at top

Question

I noticed that jquery scroll event automatically triggered when some content push at the top of the page by ajax. Any expert know how to avoid scroll event being triggered when the content has been added? But scroll event triggered when user run the mousewheel, page up down as well as keyboard up and down probably?

$(window).on('scroll', function () {
        console.log("User manual scrolled.");
    });

Based on this example. https://jsfiddle.net/q00jnv4n/

Answer 1

.off function used to Remove an event handler.

You should be using $(window).off("scroll") just before loading content by ajax and then again use $(window).on('scroll', function () { after loading the content

By using .off your scroll handler will be remove while content is being loaded on site.