This code is used to generate an infinite scroll. It appends the new data to the container. Need to work on providing an animation when the data is being fetched.

infinitescroll.js

$(window).scroll(function(){
  if ($(window).scrollTop() == $(document).height() - $(window).height()){
    // calling the function to get the ajax data
    loadMore();
  }
});

function loadMore() {
  $.ajax({
    url: base_url + "/infscroll/get_inf_scroll_ajax",
    async: false,
    type: "POST",
    data: "page=2",
    dataType: "html",
    success: function(data) {
      $('div#content-container').append(data);
    }
  })
}