STERFIELD

Infinite Scrollを実装してみました

Infinite Scrollを実装してみました

Infinite Scrollとは、
ページャーの代わりに、ページ内で次のページのレコードを読む出すライブラリのことです。
http://www.infinite-scroll.com/

WordPressのプラグインもあって、jQueryのプラグインもあります。

下記のサイトで体験できます。
http://kachibito.net/sample/jquery-masonry/

今回実装したのは、jQueryのプラグインです。

1、ライブラリをダウンロード
https://github.com/paulirish/infinite-scroll

2、htmlソース

3、一旦停止・再開
htmlソースをブラウザが読み込んだら、Infinite Scrollが自動的に初期化(bind)します。
そのあと、navSelectorをスクロールが通ったら、自動的に次ページのデータを読み込みます。

それを一旦停止したい場合は、下記ソースを書きます。

また、再開する場合は、こう書きます。

4、自動的にページングではなく、クリックしてからページングにするには?

また案件進行中ですので、実装したURLは非公開にさせていただきます。

 

Author Profile

著者近影

スターフィールド編集部

SHARE

合わせて読みたい