无限滚动缓慢加载新内容

Question

我正在使用infinite scroll通过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)
    });
});

我想要的是一个更流畅的界面，因此您无需等待新内容。 任何想法？

Answer 1

来自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
// ...
});