Infinite scrolling solution covered in revised episode #114: http://railscasts.com/episodes/114-endless-page-revised

index.js.erb

$('#products').append('<%= j render(@products) %>');
<% if @products.next_page %>
  $('.pagination').replaceWith('<%= j will_paginate(@products) %>');
<% else %>
  $('.pagination').remove();
<% end %>

products.js.coffee

jQuery ->
  if $('.pagination').length
    $(window).scroll ->
      url = $('.pagination .next_page').attr('href')
      if url && $(window).scrollTop() > $(document).height() - $(window).height() - 50
        $('.pagination').text("Fetching more products...")
        $.getScript(url)
    $(window).scroll()

I've been having some issues with this as i am loosing all the style of my posts when I try to do endless pages. How would you do the same thing while using a partial and <%= render 'micro posts' %> instead of <%= render @microposts %> ??

Here is my code I haven't been able to fix this issue:

https://gist.github.com/2305229