How to call ajax while scrolling inner scroll of div

Question

I want to call ajax function while scrolling inner scroll and append the results at the bottom of the existing results.

For refrence I've attached an image here.

How can I achive this?

Answer 1

You can use something like this without jQuery also

  window.onload = function(){
     if(window.addEventListener){
        document.addEventListener('DOMMouseScroll', moveObject, false);
     }

    var myDiv = document.getElementById("myDiv");
        myDiv.onmousewheel = ajaxFunction();
    }