必要になるかも知れないので、
今のうちにかき集める作業です。
よくみる無限スクロールサイトを
実装できるjQueryプラグインです。
あんまり使ったこと無いので
注意点なんかのメモ書きもして
おきます。
というわけでいつもの自分用メモなので、これから触る用のまとめです＝オススメプラグインとかじゃないです。無限スクロールと言っても要素が無くなれば止まります。当たり前ですが。
Tumblrとかギャラリーとかでよく見かける無限スクロールを実装できるやついろいろ。WPデザインギャラリーでも実装していますが、これは5509氏のプラグインによるものです。便利っすー。
infinite scroll
jQuery Masonryっていう、boxを段々にするやつと一緒に使ってるのを以前実装しました。結構よかった。WPプラグインもあるみたい。
Endless Scroll
ちと古いプラグインですが今年の1月もアプデしてるので一応開発は継続してるみたいですね。ライセンスは MITとGPLのデュアルライセンスです。
$(document).endlessScroll({
fireOnce: false,
fireDelay: false,
loader: "<div class="loading"><div>",
callback: function(p){
alert("test");
}
});本体とプラグイン読み込んでローディングとかコールバックを設定。
Infinite Ajax Scroll
シンプルで良さそうです。まずこれ触ってみようかなと思います。MITライセンス。
jQuery.ias({
container : ".listing",
item: ".post",
pagination: "#content .navigation",
next: ".next-posts a",
loader: "images/loader.gif"
});ローディング画像とかトリガーとなるセレクタの指定はこんな感じだそうです。
Screw
デモをパッと見た感じではちょっとピンとこなかった・・・一応候補で。
Autobrowse jQuery plugin
FlickrとかTwitterのAPIに対応できるようにもなってる・・のかな？なかなか素敵でした。MITライセンス。
jQuery Waypoints
追記。教えてもらいました。via:y-kawaz
jQuery.autopager
追記。たまたま見つけた国産プラグイン。
ググって見かけてまとめただけです。いい加減なので適当に流してくださいませ。
Todo:とりあえずこれだけ暇見て動作テスト
Memo:
フッターが無いに等しくなる。
cookieとか使わないと大きくユーザビリティを損ねる。
出来れば止められるように。