Dennis Best's Profile

Comments by Dennis Best

Dennis Best on #114 Endless Page (revised) 2013-12-05 23:37:11

I managed to do it with an "index.js.erb" file in Rails 4. Just add this coffeescript:

          coffeescript
        
$(window).on 'scroll', ->
  if $('.pagination').length
    @url = $('.pagination .next_page').attr('href')
    if url && $(window).scrollTop() > $(document).height() - $(window).height() - 50
      $('.pagination').remove()
      $('#articles').append('<div>')
      $('#articles div').last().load @url+' #articles', ->
          if $('.next_page.disabled').length
            $('.pagination').remove()

This loads the next page then uses the pagination on the newly loaded page until there are no more next pages. Just replace "#articles" with the id of your container in the script. Skip the index.js.erb and respond_to jazz.