jquery - wordpressの無限スクロールでURLを変更するにはどうすればよいですか?

Question

http://qz.com/と同様の無限スクロール効果を求めるスタートアップ向けの新しいブログを作成しています。

また、前述のリンク内で見られるように、URL の変更も含める必要があります。

私の人生では、それがどのように行われたのかわかりません.HTML5 History APIを使用していると思いますが、Internet Explorerでも動作していたので、そうではないでしょうか?

これを機能させる方法 (WordPress を使用) について誰かが私にいくつかの指針を与えることができれば、私は非常に感謝しています。

score 3 · Accepted Answer

私の友人も私に同じことを尋ねました。というわけでプラグインを作りました。これがあなたの望むものだと思います。

無限スクロールを使ってURLを変更する手順です。

スクロールイベントを見ています。スクロールがページの一番下に達すると、Ajax は次のコンテンツを呼び出します。次のコンテンツへのリンクは削除されます。無限スクロールのかなり基本的なものです。
次のコンテンツが読み込まれると、コンテンツの URL 文字列とページタイトル文字列を含む非表示のスパンタグが実装されます。
スクロールイベントを見ています。スクロール位置に合わせてコンテンツをご覧になる場合は、でURLを変更してhistory.pushState()ください。URL とタイトルの両方の文字列は、非表示の span 要素から取得されます。
同時にページタイトルも変更します。

score 2 · Accepted Answer

いくつかの関数を追加することで、WordPress テーマに無限スクロールを使用できます。また、 jetpack プラグインを使用してこの機能を有効にすることもできます。基本的にはAJAXを使用しています。

score 0 · Accepted Answer

Project Sarusを試してみてください

同じ機能を実装し、高度にカスタマイズ可能です。

AngularJS で構築されたフロントエンドフレームワークであるため、バックエンドで wordpress を使用できます。RSS を公開するか、API を作成するだけです。それ以外の場合は、wordpress html 自体に統合してみてください。

score 0 · Accepted Answer

これを行う最も簡単な方法は、各要素がスクロールされた後に URL ハッシュを変更することです。これを Cookie に保存し、ユーザーがページに戻ったときに読み込むことができます。

あなたが言及したように、History APIを使用したこれのより高度なバージョンがあるようです。ここに良い記事がありますが、この方法はIE9以前をサポートしていません。

5 に答える 5