0

Masonry で Infinite Scroll jQuery プラグインを使用しています。各ページには約 100 個の小さな画像があり、iPad の画面を埋めるには十分ですが、iMac の画面のような大きなものには十分ではありません。

無限スクロールを呼び出すときに bufferPx オプションをどれだけ高く設定しても、ビューアがスクロールを開始するまで、追加のコンテンツは読み込まれません。ビューアーがスクロールする前に無限スクロールが追加のコンテンツをロードするように、この動作を変更する方法はありますか?

4

2 に答える 2

0

それが無限スクローラーの要点です。ビューアーがスクロールすると、新しいコンテンツが読み込まれます。試したコードを表示するためのサンドボックスまたはフィドルがありますか? http://www.infinite-scroll.com/を読んだら、必要なものが見つかるはずです。「1.4 では、コンテンツの次のページの読み込みを自由にトリガーできます」。

于 2012-08-10T20:11:42.083 に答える
0

より多くの情報が役立ちますが、不安を和らげる簡単なセットアップを提供できます。

開始時に（便宜上）infinitescroll オブジェクトを変数に設定し、コールバック関数でその変数をターゲットにしてコンテナの高さを取得し、それを現在のウィンドウの高さと比較し、それが小さい場合は、 「取得」メソッドを起動して、さらに画像の読み込みを開始できます。画面いっぱいになったら、いつものように丁寧にスクロール イベントを待ちます。

$infinite = $('#infinitebox');
$infinite.infinitescroll({options}, function() {
    if ( $infinite.height() < $(window).height() ) {
        $infinite.infinitescroll('retrieve');
    }
});
于 2012-08-13T21:55:56.360 に答える