[Rails]タブと無限スクロール機能の両立(kaminariとjscroll) - Qiita

今回はタブ機能と無限スクロール機能を実装したけど、無限スクロールで表示される要素がダブったり、表示されなかったりといった不具合が発生している方向けに発信していきます。 ぼく自身がこの不具合にだいぶハマってしまったので、同じような不具合にハマってる方の役にたてれば幸いです。 開発環境 ruby 2.6.3 Rails 5.2.6 前提 投稿サイトを想定 無限スクロールはkaminariとjscrollで実装 タブはCSSとJavaScriptで実装 無限スクロールとタブ機能の実装は以下記事の実装方法を使用。 [Rails]kaminariとjscrollを使って無限スクロールを実装 [Rails]CSSとJavaScriptを使ったタブ切り替え機能 モデル名、変数名等は適宜、ご自身の開発環境に変換してお考えください。 user ユーザー post 投稿 like いいね new_posts(