問題タブ [infinite-scroll]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
19685 参照

android - Infinite ViewPager

ViewPagerこれは可能のようですが、無期限にページングできるを実装する方法を理解するのに少し問題があります。

私のユースケースは、一度に1か月を表示するカレンダーですが、十分な回数ページングすることで任意の月に切り替えることができます。

現在、私はちょうどですextending PagerAdapter、そして3つのカスタムMonthViewsが次のように追加されます:

ユーザーがタブを使用MonthViewしているときにデータベースからのデータを表示するのに大きな遅延が発生しないように、一度に3秒だけメモリに保持したいと思います。MonthViewしたがって、新しいページが表示されるたびに、ページを削除MonthViewして追加する必要がありMonthViewます。誰かが同じ機能についてより良いアイデアを持っているなら、私はそれを聞いてみたいです!

を使おうと思っていFragmentStatePagerAdapterます。

0 投票する
2 に答える
4891 参照

jquery - MySQL データベースでの無限スクロールの使用

素敵な ajax/jquery 無限スクロール プラグイン ( http://hycus.com/2011/03/15/infinite-scrolling-like-new-twitter-with-php-mysql-jquery/ )を見つけました。私の内容には問題ありませんが、問題が 1 つあります。loadmore.php スクリプトは 1 回しか呼び出されません。コードを示しましょう:

私のindex.phpファイルでは:

このセクションは私の loadmore.php ファイルを呼び出し、最後の投稿の ID を送信します。これは、最初にページの一番下までスクロールしたときにのみ機能し、loadmore.php からエントリをロードしますが、loadmore.php を再度呼び出すことはありません。私の loadmore.php ファイルには次のコードがあります。

最初の ajax 呼び出しの後に表示される 3 つの投稿は、正確に正しいデータで表示したい方法で完全に表示されます。しかし、最初の 3 つの投稿が表示された後、次の 3 つの投稿が表示されません。

したがって、index.php にデフォルトで 5 つの投稿がある場合、一番下までスクロールすると、ajax がさらに 3 つの投稿を呼び出し、完全に表示されますが、表示する投稿がたくさん残っているにもかかわらず、その後は何も表示されません。私の問題、ajax/jquery ウィザードはどこですか?

0 投票する
1 に答える
983 参照

objective-c - ページングなしのUIScrollView無限スクロール

ここで最初の質問、親切にしてください :P

無限の UIScrollView を作成しようとしています (「StreetScroller」Apple デモ プロジェクトを使用しました)。UIScrollView が contentSize のほぼ最後にある場合、contentOffset は contentSize の中央に設定され、すべてのサブビューが移動されるため、ユーザーに対して透過的になります。

スクロールが遅いときは正しく動作しますが、スクロールが速すぎて UIScrollView の最後に到達すると、事態が奇妙になります。

私の場合、frame.size.width = 320 および contentSize.x = 3 * frame.size.width で UIScrollView を使用します。スクロールが速すぎて contentSize の最後に到達すると、ログで次のようになります (つまり、右にスクロールしたときに x > 560 の場合)。

--> 慣性により UIScrollView がスクロールしている

--> UIScrollView が contentSize の最後に到達したので、再センタリングします

--> ここに問題があります。UIScrollView は contentOffset.x の変更を考慮せず、最後に使用した contentOffset.x 値でアニメーションを続行します....

そして、これはアニメーションが終了するまで続きます。

誰かが contentOffset を設定し、 UIScrollView にアニメーションを強制的に更新させるための解決策を持っている場合:)

私はスタックオーバーフローと無限UIScrollViewに関する他のウェブサイトのほとんどすべてのトピックを読んだ. そして、スクロール中に contentSize を変更したくありません(右またはボットでスクロールする場合にのみ機能します...)

0 投票する
10 に答える
116938 参照

android - ViewPager を変更してページの無限スクロールを有効にする

Jon Willisは、彼のコードで無限スクロールを有効にする方法について投稿しました。

そこで彼はViewPager、Android サポート ライブラリのクラスにいくつかの変更を加えたと述べました。どのような変更が加えられましたか?また、そのViewPager変更でライブラリを「再コンパイル」するにはどうすればよいですか?

0 投票する
2 に答える
3276 参照

javascript - Rails3.1 無限/無限スクロール

プロジェクトの feed_item をエンドレスにしたいのですが、Rails でカミナリを使用しています。これよりも無限/エンドレス スクロールを実装する良い方法を誰か提案できますか: https://github.com/amatsuda/kaminari/wiki/How-To :-Create-Infinite-Scrolling-with-jQuery ? 参照されたリソースは古くなっているようです。少なくとも私とは連携していません。助けてください。

0 投票する
1 に答える
1093 参照

jquery - 別のスクリプトからオンザフライでロードされた要素にカスタム イベントをバインドする方法は?

tumblrで機能する無限スクロール スクリプトがあります。ページを下にスクロールすると、画像が読み込まれます。ただし、画像が突然表示されるのではなく、フェードインするようにしています。

この種のことを行うウェイポイントと呼ばれるこの素晴らしいプラグインを見つけました。そしてそれは機能しますが、最初にロードされた画像でのみです。その後、新しく読み込まれた画像を認識しません。

「ライブ」は特定のjQuery関数でのみ機能することを知っています。また、カスタム関数を使用できるのでbindの方が良いかもしれません。しかし、それでもスクリプトをトリガーする必要があるようです。これは、どうすればよいかわかりません。これは、無限スクロールを行う tumblr スクリプトをハックする必要があることを意味し、jQuery ではなく javascriptが怖いです。

これを行うためのより良い方法をお勧めできますか?

最初の 10 個の画像で機能するコードは次のとおりです。

次のようなことができたらいいのにと思います:

$('.theImage').bind("waypoint", function() { $(this).animate({opacity: 1}, 'slow'); });

ありがとうございました。

PS コンテンツはマイルドに nsfw です。実際、1枚のややセクシーな写真は見ることさえできず、ずっと下にあるので、そのsfw. 乾杯。

0 投票する
8 に答える
17048 参照

jquery - jquery無限スクロール「リセット」

ウェブサイトに無限スクロール jquery プラグインを使用しています ( https://github.com/paulirish/infinite-scroll )

私のページが検索であることを除いて、すべて問題ありません...何が起こるか:

1) ページに移動すると、ブラウザが自動的にあなたの位置を特定し、周囲のアイテム (バーなど) のリストを表示します...このリストのページネーションを回避するには、無限スクロールが必要です。ここまですべてが機能します...「無限ページの終わり」に到達でき、プラグインがスクロールから「バインドを解除」するという事実を除いて。

2) 今....入力テキストにアドレスを手動で挿入したいときは、自由にそれを行うことができます...アドレスを書き、Enter キーを押します...そして ajax を使用します (ページの更新なし)。緯度/経度を探し、住所を見つけ、ナビゲーション リンクを無限スクロールに変更します...そして、私はばかげているように感じますが、「再アクティブ化」または「再バインド」する方法がわかりません「イベントへのプラグイン....したがって、私の「新しい検索結果」には、新しい「無限スクロール」インスタンスがありません...

(ページ「分割」は正しく、「ページ= NUM​​BER」を変更しようとしているjsonを正しく返します)

コンソールでは次のようになります。

「バインド解除」の後、再度バインドできないため、次の検索結果で無限スクロールが発生します........

0 投票する
0 に答える
591 参照

jquery - jQuery グリッド コンテンツ スライダー

「無限」の数のセルを表示するには、5 列 x 2 行のグリッドを作成する必要があります (AJAX で追加されます)。グリッドの両側に [戻る] ボタンと [次へ] ボタンを配置します。オンザフライでコンテンツを追加するので、固定サイズの親 DIV と、固定幅の UL とフローティング LI による非表示のオーバーフローが最適なオプションのように見えました。上マージンを変更して「スクロール」します。ユーザーが上下ではなく左右にスクロールしているように感じてもらいたいです。

うまくいきましたが、これが最善の方法かどうか疑問に思っています。何か案は?

デモ: http://jsfiddle.net/ytJ6Z/

HTML:

CSS:

Javascript/jQuery:

0 投票する
1 に答える
402 参照

javascript - DIV でのスクロールの実装

以下にこのJavascriptコードがあります。これにより、Web ページを無限にスクロールできます。その無限スクロールを DIV に実装したい場合はどうすればよいでしょうか。このコードを DIV 内で使用するように変更するにはどうすればよいですか? 誰でも私を助けてください。私のDIVのIDは、スクロールコンテンツが表示される#wrapperであるとします

0 投票する
1 に答える
599 参照

jquery - JQuery Infinite Scrollは、複数の同一の$(document).readyイベントをロードし、それらを複数回発生させます

私はjqueryを初めて使用し、これが単純な問題であることを望んでいますが、アイデアが不足しています。

私は.netを使用していて、ユーザーをフォローするための以下のようなカスタムjquery関数をいくつか含むページがあります。これは、ページが最初に読み込まれるときに完全に正常に機能します。

この問題は、別のページに投稿して結果を追加する無限スクロールに伴うものです。その投稿されたページに以下の関数を再度含めずに結果を追加すると、新しく追加されたリンクをクリックしたときにイベントが発生することはありません。しかし、これとまったく同じスニペットを再度含めると、正しく機能します。ページ上の以前のすべてのリンクが余分な時間を起動することを除いて。

したがって、5ページのデータを下にスクロールして、ページの最初のリンクをクリックすると、6回起動するようになりました。私が追加した最新のものは一度だけ発砲します。

デバウンスとスロットリングについていくつかのことがわかりますが、これはそれよりもさらに単純なようです-この関数を一度だけロードして、追加されたデータに対して機能させる方法はありませんか?