我在sitepoint上看到了关于无限滚动的一些代码，我试着自己调整它，但是我发现当滚动到底部时它不会触发，但只有在滚动到顶部时才有效。为什么当我滚动底部时无限滚动不起作用，而是在滚动顶部触发？

https://codepen.io/SitePoint/pen/JGQPPa

因此，我改变了一点，看看我可以使它滚动至底部，它仍然在做同样的事情在那里只有当我滚动到顶部触发。

$(document).ready(function() { 
      var win = $(window); 
      var page = 1; 

      $.fn.scrollBottom = function() { 
       return $(document).height() - this.scrollTop() - this.height(); 
      }; 

      // Each time the user scrolls 
      win.scroll(function() { 
       // End of the document reached? 
       if ($(document).height() - win.height() === win.scrollBottom()) { 

        $.ajax({ 
         url: '/purchases?page='+page, 
         dataType: 'html', 
         success: function(html) { 
          $('#app_posts').append(html); 
          page = page + 1; 
          console.log(page); 
         } 
        }); 
       } 
      }); 
     }); 

任何想法如何使此代码触发滚动底部而不是滚动顶部？