Railsでkaminari+jQueryで無限スクロール

AJAXでの@contentsのページングは適宜行ってください。

js

$(window).scroll( function() {
     var pager = $("#read_more");
     var scrollBottom = $(window).scrollTop() + $(window).height();
     if( scrollBottom > pager.offset().top ) {
           if(!$("#read_more").hasClass("displayed")){
               $("#read_more").addClass("displayed");
               $('#read_more').trigger("click");
           }
     }
});

html

<div id="content_area">
  <% @contents.each do |content| %>
    <%= content.title %>
    <%= content.body %>
  <% end %>
</div>
<%= link_to_next_page '@contents', 'もっと見る', id: 'read_mores', remote: true %>