1

無限スクロールを使用して、新しいコンテンツ/画像を ajax 経由で wordpress テーマのインデックスにロードしています。

このサイトはhttp://mylife.holstee.com/にあります。

これが私が使用しているコードです。これはrequire.jsの奥深くにあり、縮小されているため、自分で見つけることができません。

$container.infinitescroll({
        nextSelector: "#mylife-quinary .next-link a",
        navSelector: "#mylife-quinary .next-link",
        itemSelector: "#mylife-quaternary .item"
    }, function( newElements ) {
        mylife.quote();
        var $newElems = $( newElements ).css({ opacity: 0 });;
        $newElems.imagesLoaded(function(){
            $newElems.animate({ opacity: 1 });
            $container.masonry( 'appended', $newElems );
        });
    }
);

$container.imagesLoaded( function(){
    $container.masonry({
        itemSelector : '.item',
        columnWidth : $(".item").outerWidth(true)
    });
});

私が望んでいるのは、新しいコンテンツを待つ必要がないように、よりスムーズなインターフェースです。何か案は？

4

1 に答える 1

2

www.infinite-scroll.comから:

element.infinitescroll({
// ...
  bufferPx : 40,
    // increase this number if you want infscroll to fire quicker
    // (a high number means a user will not see the loading message)
    // new in 1.2
    // default: 40
// ...
});
于 2013-07-15T14:29:10.510 に答える