Facebookのコメントが各投稿に追加されたtumblrブログがあります。

私もinfiniteScrollを使用しています。

ブラウザがスクロールしてコンテンツがスクロールインすると、すべてを再度初期化する必要がありましたが、Facebookのコメントを再初期化するにはどうすればよいですか？

これが私のコードと無限スクロールのコールバックです

他のユーザーにメッセージを送信する機能を備えたWebアプリケーションを構築しており、Facebookの方法で実装することを選択しました。つまり、固定の高さのdivは、ページが読み込まれるときにdivのスクロールバーが下部にあります。そして、ユーザーが上にスクロールすると、ajaxで古いメッセージが表示されます。（ Facebookメッセージアプリをチェックしてください）

では、無限にスクロールアップするための優れた安定したjQueryプラグインを知っている人はいますか？ 無限スクロールダウンと遅延読み込み用のプラグインをたくさん見つけました。しかし、上にスクロールするためのものはありません。

ありがとう！

編集：2012年4月16日このため に独自のjqueryプラグインを作成しました。

ここにテストページがあります: http://masonry-test.tumblr.com/

tumblrで無限スクロールのjquery Masonryを使用しています。オーディオプレーヤー以外はすべて問題ありません。2 ページ目ではロードされず、代わりにこのメッセージが表示されます [音声を聞くには Flash 9 が必要です]。

少し調査を行い、解決策を見つけました。ここに1つ(これも)、これを正常に実行するMesh テーマの jsがあります(35 行目)。

問題は、コードのどこにどのように実装するかわからないことです。私が試したことはすべてうまくいかなかったか、石積みブロックの周りに小さな隙間が残っていました. 私のコード:

Rails 3.2 アプリのWikiで、 Kaminari を介して無限スクロールが機能しており、「もっと見る」ボタンを追加したいと考えていました。

link_to_next_page ヘルパーは素晴らしいですが、この 2 つの方法でページ番号を共有するにはどうすればよいでしょうか?

現在、ボタンを介してデータの 2 ページ目をロードしても、JavaScript で無限スクロールのためにロードするページを追跡するために使用しているページ変数がインクリメントされないことを除いて、すべてが機能します。

2 つの方法で状態を共有するための最良の方法は何ですか?

その他の関連情報:

• 各ページは、多数の を含むパーシャルをレンダリングし、liそれをul
• 「詳細」ボタンは各 ajax リクエストで再レンダリングされます

無限スクロールのウェブサイトを作っています。つまり、ユーザーがページの一番下までスクロールすると、コンテンツの新しいブロックが一番下に追加されます。フェイスブックとよく似ています。ロードされた 3 つのページの例を次に示します。

ユーザーが最後のページで何かをクリックすると、別の詳細ページに移動します。しかし、ユーザーがクリックして検索結果ページに戻った場合、以前の場所の記憶がなく、ページ 0 を再度読み込む必要があります。

これを解決するための昔ながらの方法をいくつか知っていますが、それぞれにいくつかの深刻な問題があります。

ハッシュ URL

新しいページが読み込まれるたびに URL を更新できます。例: www.website.com/page#2。ユーザーが詳細ページに移動して戻ると、URL は最後に読み込まれたページを教えてくれるので、それを読み込みます。

しかし、これではユーザー エクスペリエンスが低下します。ページ 2 のみがロードされます。ユーザーは上にスクロールして古いコンテンツを表示することはできません。戻るボタンが Web トラフィックの 50% を占めることを考えると、ページ 0、1、2 だけをロードすることはできません (Jacob Nielsen の調査)。

ローカルストレージ

Cookie には、多くのページのデータを保存するためのストレージ容量がありません。ローカル ストレージには十分なスペースが必要です。1 つのアイデアは、読み込まれたすべてのページをローカル ストレージに保存することです。ユーザーが検索結果に戻ると、サーバーにアクセスする代わりに、ローカル ストレージから読み込みます。このアプローチの問題は、ユーザーの大部分がローカル ストレージ(IE7) をサポートしていないブラウザーを使用していることです。

無限スクロールまたは「さらに結果を読み込む」ボタンを使用して検索結果を実装するとします。これにより、最初の結果ページにさらに多くの結果が表示されます。そのため、ユーザーは同じ検索結果ページを離れずに結果を移動できます。

ユーザーはしばらくスクロールした後、特定の結果を見つけてクリックします。それは彼らが必要としているものではないので、クリックして戻ってきます。

結果ページを離れたときの状態に戻し、ページを正しい場所までスクロールダウンさせるにはどうすればよいですか? 最初の検索で 10 件の結果が生成された可能性があります。さらに 20 件を読み込むと、ページ上で 30 件になり、ページを離れたときに結果 23 にスクロールされたとします。

これを行うための受け入れられた方法は何ですか?

(これは検索結果に固有のものではないことに注意してください。一般に、ブラウザにロードされた後にページをいじった場合、ユーザーが戻ってきたときにこのページの状態を保持/再構築するにはどうすればよいですか?)

クエリを使用して、データベースの 100,000 行以上を取得します。これをユーザーのブラウザーのテーブルに表示します。

このすべてのデータを一度にブラウザにロードしたくありません。各行の高さはわかっており、すべての行の高さは同じです。しかし、ユーザーの画面解像度はわかりません。

テーブルの全体の高さ、つまりスクロール バーの長さを特定することはできますか?

私はこのコードを持っています：多くのボックスを表示するmansory +無限スクロールjqueryプラグイン。しかし、ページを開くと、ページの最後ではなくスクロールすると、次のコンテンツの読み込みが開始されます。私が間違っているのは何ですか？

私はjquery石積み+無限スクロールを使用します。無限スクロールライブラリを使用して、最初のスクロールではなく、最初から（ページを開いたとき）ローダーイメージでプリロード効果を得ることができます。

別の方法として、mansoryプラグインで表示された最初の画像セットのページの冒頭にあるgifプリローダーが役立つ場合があります。

何か案は？よろしくお願いします。

この投稿を見つけました: imagesLoaded メソッドが JQuery masonry と無限スクロールで機能しない

そして、JQuery masonry と無限スクロールで imagesLoaded メソッドを使用する方法に対する答えを示しています。

私が知りたいのは、まさにこれを行うTumblrテーマを誰かが持っているかどうかです? 石積みと無限スクロールが機能していないため、何かが足りないと思います。最初に関数を呼び出すスクリプトが少し欠けていると思います。