ページ遷移を可能な限り少なくして、シームレスに気持ちよく情報を見せようといったWebサイトを、最近よく見かけるようになりました。しかしそのようなサイトを構築したいと思っても、経験が無ければハードルは高いもの。そこで今回は、そのような機能を手軽に実装できるjQueryのプラグインをまとめたエントリー「12 jQuery Infinite Scroll Plugins and Tutorials」を紹介したいと思います。

Mark Holton | Web Application Development

スクロールに合わせて新たなコンテンツを読み込む機能を中心に、12種類のプラグインがまとめられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

jQuery Scroll Path | a Hint of Creative
スクロールに合わせて次々と文字を出現させる効果に加え、スクロールバーの見た目もカスタマイズできるプラグイン。

Release: [jQuery Plugin] Endless Scroll | Beyond Coding
新たなコンテンツを読み込むことに加え、古いコンテンツの除去も行えるプラグイン。ポートフォリオ系のサイトによく合いそうです。

Infinite Scroll jQuery Plugin « Infinite Scroll | jQuery plugin, WordPress plugin, interaction design pattern
次々とコンテンツを読み込むプラグインの中でとても有名。ピンタレスト的な見せ方ができるMasonryプラグインと連携させることもできます。

シームレスに次々とコンテンツが読み込まれていく操作感はとても気持ちが良いものです。コンテンツによって向き、不向きがあるいと思いますが実用的なプラグインだと思います。

12 jQuery Infinite Scroll Plugins and Tutorials