Infinite Scroll - スクロールに伴ってコンテンツを追加
Web上のプログラミングで面倒なのがDOM操作です。DOMの構築やレンダリングは遅く、大量のDOMを描こうとするとメモリリークしたりします。ハイブリッドアプリ開発などで常に問題視されるのが速度であり、その原因はDOMにあります。 一例として、スクロールに伴うコンテンツ追加を実現する際にはInfinite Scrollを使ってみると良いでしょう。
Infinite Scrollの使い方
Pinterest風に画像が追加表示されるデモです。
通常のWebページでのデモ。スクロールバーの位置が変わっています。
Infinite Scrollを使うと次のページを先読みして追加表示することでユーザストレスなく連続してコンテンツを楽しめます。ページネーションで細かくPVを稼ぐよりもユーザ体験向上につながるライブラリです。
Infinite ScrollはJavaScript製のオープンソース・ソフトウェア(GPL v3)です。
Infinite Scroll metafizzy/infinite-scroll: ? Automatically add next page