TwitterやFacebookなどでページ遷移をせず、スクロールするごとにコンテンツがどんどん継ぎ足しで表示されてくるサイトがよくありますよね。ブログでもちょくちょく見るようになりました。 いま制作に関わらせていただくあるポータルサイトで、この自動読み込み機能が必要となりました。そこで、実験として自分のブログに実装してみましたので、その時の手順をご紹介します。 ページャーを無くす目的 1. ページ遷移による待ち時間を無くす WordPressなどPHPで動的にページ出力している場合、次のページへ移るまでの待ち時間が発生します。スマホなど回線が弱い場合は特に読み込み時間がかかり、離脱率の増加につながります。ネット上では1秒、2秒の待ち時間でもユーザーにとってはストレスとなりますので、ページ遷移をなるべくなくしていきたいものです。 2. スマホでのユーザービリティ スマートフォンはタッチパネ
![jQueryでページャーをなくして2ページ目以降を自動読み込み方式にした方法 │ ウェブ制作関連制作日誌 │ コラム - MAKEPO(マケポ)](https://cdn-ak-scissors.b.st-hatena.com/image/square/825edab8558ae21a61e3d5afbba8b056cb549f09/height=288;version=1;width=512/http%3A%2F%2Fmakepo.jp%2Fcontent%2Fcolumn%2Fassets_c%2F2015%2F09%2Fblog-thumb-468xauto-4193.jpg)