kaminari + jscrollを使った無限スクロールが適用されません

実現したいこと

こちらの記事を参考にRailsアプリに無限スクロールを実装しようとしています。しかしながら、記事に書かれていることを一通り試しましたが、無限スクロールが適用されません(kaminariを用いたページネーションは適用されています)。何卒ご教授のほどよろしくお願いいたします。

index
1<div class="posts-index">
2    <div class="container">
3
4 ・・・・・・・・・・・・・・・・・・・・・・・・・・・・省略・・・・・・・・・・・・・・・・・・
5
6        <ul class="skill-list jscroll">
7            <% @posts.each do |post| %>       
8             <section class="card">
9                     <div class="card-content">
10                       <img src="<%= "/pic_images/#{post.image_name}" %>" class="card-img-top">
11                       <h1 class="card-title"><%= post.title %></h1>
12                       <p class="card-text"><%= simple_format(post.content) %></p>
13                     </div>
14             </section>
15           <% end %>
16           <%= paginate @posts %>
17        </ul>
18       
19    </div>
20</div>
21

coffee
1
2$(window).on 'scroll', ->
3  scrollHeight = $(document).height()
4  scrollPosition = $(window).height() + $(window).scrollTop()
5  if (scrollHeight - scrollPosition) / scrollHeight <= 0.05
6    # スクロールの位置が下部5%の範囲に来た場合
7    $('.jscroll').jscroll
8      contentSelector: '.skill-list'
9      nextSelector: 'span.next:last a'
10    return
11  return