【jQuery】無限スクロール［Infinite Scroll］を極限までカスタマイズ。 - ONZE
無限スクロールを実装する jQueryプラグインの［Infinite Scroll］を紹介します。 スクロールしてページの最下部まで移動すると、次のページの情報を自動で読み込み、ページの遷移無しで次々とコンテンツを表示してくれます。 ご存知のとおりFacebookのフィードやTwitterのタイムライン、TumblrのUIなど、超有名SNSサイトやモバイル版のアプリケーションでも導入されているので、その挙動は誰もが一度は体験しているでしょう。 最近ではクリエイティブ系のブログでも比較的多く実装されていて、需要も高まっているので、ウェブクリエイターの方々はマスターしておくべき技術の1つだと言えます。 さて。今日は、単に［Infinite Scroll］の実装方法を紹介するだけでなく、弊社オンズが実際に行った極限カスタマイズの方法も伝授します。 以下より本編をどうぞ。 基本の導入方法［Infi
jQueryを使った簡単なAJAXロードの実装方法 - Wordpressテーマ「Googlist」
AJAXロードテーマ「Optimizer」の次の更新に実装している機能に、アーカイブページのAJAXロードがあります。今まで実装しようと思っていたんですが、昔試した方法でうまくいかなかった理由がようやく分かり、ついに簡単な実装をするに至りました。昔試した方法は、実は管理画面用の方法だったみたいで、道理でうまくいかなかったわけです。で、紹介するアーカイブページのAJAXロードですが、使用するのは「AJAXロード テーマ「Optimizer」の次の更新に実装している機能に、アーカイブページのAJAXロードがあります。 今まで実装しようと思っていたんですが、昔試した方法でうまくいかなかった理由がようやく分かり、ついに簡単な実装をするに至りました。昔試した方法は、実は管理画面用の方法だったみたいで、道理でうまくいかなかったわけです。 で、紹介するアーカイブページのAJAXロードですが、使用するの
WordPressで作られたWebサイトを無限スクロール出来るようにする
WordPressで作ったWebサイトを、 スクロールすると、次ページが 自動でロードされる無限スクロー ルが出来るようにする、という 方法です。今更感満載ですけど。 よく見かける、「スクロールするだけで次ページが次々とロードされる」みたいなサイトをWordPressで作ろう、みたいな話。既出な話題なので基本的な導入方法だけ書きます。 無限スクロール(Infinite Scroll)出来るようにするWordPressを無限スクロール出来る様にします。 以下、手順。サンプルコードはTwenty Elevenで動作テストしています。 スクリプトを用意する無限スクロールさせるスクリプトを用意します。いろいろあるのでお好みで構いません。今日はWordPressのプラグインにもなっているInfinite Scrollを使います。じゃあプラグイン使えよ、って話ですが。 Infinite Scrollは
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
