每当用户点击页面底部时，如何迭代此函数以进行ajax调用？

Question

I am trying to implement the following for infinite scroll on my page.

$(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() > $(document).height() - 350) {
         //ajax call happens here
     }

All goes well when the user reaches the bottom of the page for the first time. The ajax call happens and more data is loaded onto the page. However, the ajax call does not happen when the user reaches the bottom of the page again. So my question is, does this function iterate every time the user reaches the bottom of the page or does it happen only once? If so, what should I add to make the ajax call every time the user reaches the bottom of the page? I appreciate your input.

Answer 1

This has been answered here:

https://stackoverflow.com/a/3898152/6265633

$(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() == $(document).height()) {
       alert("bottom!");
   }
});