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

Loading upLoading up Photo by The U.S. Army

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

jQuery Autopagerizeを利用

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

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

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

autopagerize

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

参考

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

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

この記事を書いた人

五藤隆介(goryugo)

「仕事効率化」「ライフログ」「家族Hack」「デジタル情報共有」みたいなことを書いてます。

面白い本について語るPodcast「ブックカタリスト」も始めました

iPad Workers

月額15ドル/年額120ドルで月1回のiPadオンラインセミナー
受講&iPad活用のヒントになる情報をお届けします。iPad Meetup(Zoom座談会)も開催します。
ライスワークやライフワークにiPadを活用したい人におすすめのコミュニティです。