スマフォサイトも「無限スクロール」出来るようにしてみました

IMG_3864.PNG
Wordpress ブログ技術

スマフォサイトも「無限スクロール」出来るようにしてみました

Loading up Photo by The U.S. Army パソコン版で「自動無限スクロール」を出来るようにして […]

最終更新日:2013年2月4日
ツイートする
ブックマークする
Evernoteへ送る
あとで読む

Loading upLoading up Photo by The U.S. Army

パソコン版で「自動無限スクロール」を出来るようにしてみたら、これがなんかとても快適だったので、スマフォ版のページでも同じような挙動になるようにしてみました。

jQuery Autopagerizeを利用

基本的な設定は、以前書いた jQuery Autopagerizeを使った方法とほぼ一緒です。

今回は「自動読み込み」するように設定したので、「続きを読む」ボタンじゃなくて、ロード中っぽい画像を「続き用のテキスト部分」に設定。

画面下までスクロールすると「読み込み中」な画像が表示され、読み込みが完了すると過去の記事を表示します

autopagerize

モバイル環境でどれくらい快適に使えるかは、もーちょっと色んな環境で試してみないとなんとも言えないところですが、今のところはわりといい感じじゃないかと思ってます。

参考

パソコン版のトップページで「次の記事を読む」を押さなくても次のページに行けるようにしました | ごりゅご.com

jQueryを使ってWordpressの追加記事をページ遷移無しで読み込む | ごりゅご.com