vue.js, apolloで無限スクロール（Infinite Scroll）を実装する - Qiita

vue.jsとapolloを使って以下のような無限スクロールを実装します。 （正確にはスクロール位置検知での自動追加読み込み） フロントの説明のみになります。バックエンドのgraphQL APIサーバーはGraphCMS使っています。 デモページはこちら。 https://vue-sample-blog.firebaseapp.com/infiniteScrollDemo （スマホで動かなかったので修正します） 無限スクロール[Infinite Scroll]とは？ よくある画面下部までスクロールした際に、自動で次のコンテンツが読み込まれるやつです。 スマホアプリとかのUIで採用される場合が多いですね。 利点は、ページングがないので離脱を防ぎやすいなど。 欠点は、プラウザの戻るとの相性が悪いなど。 vue.js apolloでの実装 今回の元データはこちらで作成したブログを使っています。