Instalation¶ ↑

Include the gem in your Gemfile:

gem 'will_paginate_infinite'

And then execute:

$ bundle install

Adds to app/assets/stylesheets/application.scss:

*= require will_paginate_infinite

And javascript to app/assets/javascripts/application.js:

//= require will_paginate_infinite

Configuration¶ ↑

In your index view pagination :

# app/views/news/index.html.erb
<h1>News List</h1>

<div class="list-news">
  <ul>
    <% @news.each do |item| %>
      <%= render item %>
    <% end %>
  </ul>

  <%= will_paginate @news, renderer: WillPaginateInfinite::InfinitePagination %>
</div>

Will paginate renderer: WillPaginateInfinite::InfinitePagination

In content partial view:

# app/views/news/_news.html.erb
<li>
  <%= item.title %>
</li>

And in controller/action with items to be paginated:

# app/controllers/news_controller.rb
class NewsController < ApplicationController
  def index
    @news = News.order(:created_at).paginate(:page => params[:page], :per_page => 30)
    # ...

    respond_to do |format|
      format.html
      format.js
    end
  end
end

Creates a javascript version from your index view:

# app/views/news/index.js.erb
<%= infinite_append ".list-news ul", @news %>

or

# app/views/news/index.js.erb
<%= infinite_append ".list-news ul", { partial: "news/news", collection: @news }  %>

Example¶ ↑

Example using will_paginate_infinite with Rails 4: github.com/Godoy/will_paginate_infinite_example