もっと見るボタンの要素が表示されたら、次のページを表示する（kaminari）

Question

###実現したいこと
gem kaminariを活用して「もっと見るボタン」で、ページネーションをしています。
現在、「もっと見るボタン」をクリックしたら、さらに20件表示される仕様です。

今回、クリックではなく、スクロールしてボタンが表示されたら、次の20件が表示できるようにしたいです。

色々と調べたらinview.jsを活用できるのかなと思いましたが、
kaminariを仕様したページネーションに対し、inviewを仕様する方法が見つかりません。
https://stand-4u.com/web/javascript/inview.html

jsはあまり触ったことがないため、深く理解できずにいますが、どのようなやりしたら叶いますでしょうか？
そもそも、gem kaminari × inview.js は、できないのでしょうか？

###実現したいこと
index.html.erb

  <div class="users-index">
      <div id="userindex">
        <%= render 'userindex' %>
      </div>
      <div class="items_center">
        <span><%= link_to_next_page @users, 'もっと見る',class: 'items_btn', remote: true, id: 'more_link' %></span>
      </div>
  </div>

_user.index.html.erb

<% @users.each do |user| %>
  <div class="users-index-item">
    <div class="user-left">
        <%= image_tag "/user_images/default_user.jpg" %>
    </div>
    <div class="user-right">
        <%= user.name %>
    </div>
  </div>
<% end %>

index.js.erb

$('#userindex').append("<%= escape_javascript(render 'userindex', object: @users) %>")
$("#more_link").replaceWith("<%= escape_javascript(link_to_next_page(@users, 'もっと見る',class: 'items_btn', remote: true, id: 'more_link')) %>");

class UsersController < ApplicationController
  def index
    @users = User.page(params[:page]).per(20)
    respond_to do |format|
      format.html
      format.js { @users }
    end
  end

###やってみたこと
application.html.erb

<script src="common/js/jquery-1.9.1.min.js"></script>　#追加
<script type="text/javascript" src="common/js/jquery.inview.js"></script> #追加

index.js.erb

$('#userindex').on('inview', function() {
// 要素が画面に表示された時に実行する処理を記述
  $('#userindex').append("<%= escape_javascript(render 'userindex', object: @users) %>")
  $("#more_link").replaceWith("<%= escape_javascript(link_to_next_page(@users, 'もっと見る',class: 'items_btn', remote: true, id: 'more_link')) %>");
});

そもそも書き方が違うのかわかりません。
ただクリックのページネーションすらできなくなってしまいました。
お分かりの方ぜひ宜しくお願いします。

Answer 1

inview.jsのことはわからないので恐縮ですが、下記の検索結果で期待することが実現できるかと思います。

「kaminari 自動読み込み」の検索結果：google

Comments

[tomtom1]

ありがとうございます！色々と調べてみまして、jscrollで解決している方々が多いので、それで挑戦したいと思います。
まだ解決できておりませんので、新しい質問を作成しました！
もしよければこちらもご確認頂ければ幸いです！
https://teratail.com/questions/242392?modal=q-comp