問題タブ [infinite-scroll]

流動的な幅のテーマがあり、jQuery Masonry と Infinite Scroll を使用しています。問題は、特定の速度 (速すぎず、遅すぎず) でページをスクロールすると、グリッドが壊れる可能性があることです。これは 2 つの列と Firefox でのみ見たことがあります。

なぜこれが起こっているのか知っている人はいますか？多くのことが考えられることはわかっていますが、誰かがこれを経験したことがあり、何が起こっているのかを知っていれば、大いに役立つでしょう.

更新: ページの最後の投稿の直後に休憩が発生します。後に続くものは、無限スクロールのコールバックによって生成されています。

Coldfusion で開発しているサイトで無限スクロールを設定しようとしています。javascript と jquery は初めてなので、これらすべてに頭を悩ませています。無限スクロール プラグインを使用するには、自分のサイトにページネーションを設定する必要がありますか? またはページネーションなしで行う方法はありますか?

こんにちは、jQuery Masonry と無限スクロールを使用してサイトをセットアップしようとしていますが、OSX の Chrome または Safari では動作しないようです。

開発サイトはhttp://bit.ly/hYJ3Cqです

コンソールに JavaScript エラーが表示されません。

私が試したこと：

• 組積造 div 内で画像の幅/高さを設定する
• 古い jquery ライブラリの使用
• js をフッターではなくヘッドに移動する
• script タグに type="text/javascript" を追加する
• html の検証
• jQuery(window).load( と jQuery(document).read(

これは私が使用しているコードで、正常に動作するデモ コードと非常によく似ています。

どんな助けでも大歓迎です。

わかりましたので、プロジェクトにwordpressの無限スクロールプラグインを使用しています:

http://www.infinite-scroll.com/

すべて正常に動作しますが、各ページの前に、ページ番号とサイトの上部へのアンカー リンクを含む div をロードしたいと考えています。私はphp側でたくさんのことを試しましたが、このプラグインは個々の投稿を取得しているように見えるので、追加したコンテンツはページの上部ではなく、すべての投稿に投稿されます. だから私はjavascript側に行き、コンテンツが読み込まれるポイントを探しているので、divを前に付けることができます。

私はこれが次の行であると確信しています：

html を .load() メソッドの先頭に追加する方法はありますか?

これに関する任意の助けをいただければ幸いです。

スクロールするまでDIVを非表示にするにはどうすればよいですか？

いくつかの大きな背景画像の読み込みを高速化したいのですが、これらはIMG要素ではないため、遅延読み込みは実際にはオプションではありません。私が検討した他のことには、ページを3つのセクションに分割し、無限スクロールプラグインを使用し、背景画像をz-indexの下位のIMGに置き換えることが含まれます。

どうもありがとう！

無限スクロールのjQueryプラグインを使用して、Twitterのようなページング機能を実装しています。これで、[詳細]リンクをクリックすると、リクエストがサーバーに送信され、HTMLとしてレスポンスが返されます。最初にjQueryテンプレートを使用してみましたが、JSONを使用してそれを行うためのオンラインで何も見つからなかったため、後ですべてを変更しました。

さて、今私はコードだけがページ上の既存のコンテンツに応答を追加しないという問題があります。リクエストを送信するだけで、ドキュメントの既存のモックアップに追加することはありません。

プラグインのデモ：http://www.infinite-scroll.com/trigger.html

このようなコードが欲しい

ユーザーがmoreリンクをクリックすると、応答からより多くの'liが取得され、結果'ul'内の'li'に追加される必要があります。

ここで cody sherman の JavaScript コードを使用しています: http://codysherman.com/tools/infinite-scrolling/code

また、単純な jquery スクリプトを使用して、tumblr 投稿を保持する div の背景画像を動的に変更しています。

jquery コードは正常に動作しますが、無限スクロール スクリプトが新しい投稿で更新されたときに関数を再度呼び出す方法が必要です。彼らがお互いに話している方法だと思います。

ここでページを見ることができます: http://hypergeography.tumblr.com/ (まだ無限スクロールを使用していませんが、背景画像を変更するスクリプトがあります。)

どんな助けでも大歓迎です。

だから、これは私を困惑させてきました。私が必要としているのは、それをページの下部に固定する css 式を持つ絶対配置コンテナーです (doctypeless または DTD-less IE の固定配置をシミュレートする際の不安定さを補うため)。ブラウザのビューポートの下。これは他の Web ページに含まれるコンテンツであるため、これを正しく表示するために適切な Doctype に依存することはできません。内部要素をビューポートの下に配置するもの (パディング、マージン、または配置) は、IE でページを永遠にスクロールさせます。

両方を完全に配置する必要があるため、これに本当に縛られています。私の非テストケースでは、huh div を相対的に配置すると、ラッパーの表示が乱れます。何か案は？

私はbackbone.jsをいじくり回していて、モデル/コレクションの「エンドレススクロール」状況を作成するためのより簡潔なソリューションが、私が見てきたモジュールよりもあるかどうか疑問に思っています（jqueryにはいくつかあります。おそらく他のライブラリについてはもっと）。

一部の検索はほとんど何も起こらなかったので、バックボーンを使用して独自のソリューションを構築する前に、バックボーンコレクションの外部で構築する必要があるのか​​、誰かが同様のことを試みたのかを尋ねると思いました。

無限スクロールに問題があります。下にスクロールすると、次のアイテムが正常に読み込まれますが、それらのアイテムは送信され続けます。アルゴリズムを使用してmysqlでアイテムを注文したため、このjqueryを使用して一意のIDを指定しています。

外部phpファイルから新しく指定されたアイテムにラベルを付けるには、ファイルでもこの​​コードを使用する必要があります。

指定されたアイテムに関する情報を送信するために、私はこのjqueryを使用しています:

しかし問題は、それが機能していないように見えることです。つまり、新しく解析された php ファイルから最後のアイテム ID が収集されないということです。PHPを解析するために、私はこれを行ってきました:

だから私の質問は、なぜこれが永遠に続くように見えるのですか?