慢查询infinitescroll对tumblr做出回应?

时间:2014-06-23 16:14:52

标签: javascript jquery performance tumblr infinite-scroll

我使用这个代码,我发现它比以前更快:

  

      

<script type="text/javascript">
$(window).load(function(){
var $wall = $('.posts');
$wall.imagesLoaded(function(){
$wall.masonry({
itemSelector: '.entry',
isAnimated : false
});
});

$wall.infinitescroll({
navSelector : "div#navigation",
nextSelector : "div#navigation a#nextPage",
itemSelector : ".entry",
bufferPx : 2000,
debug : false,
errorCallback: function() {
$('#infscr-loading').fadeOut('normal');
}},
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
$newElems.imagesLoaded(function(){
$wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
});
}); $('.posts').show(500);
});
</script> <script>
$.fn.changebackgroundColor = function(msg) {
$("#perma").css("#000");   }; </script>

但它仍然相当缓慢,加载帖子有延迟,我想知道我可以改变什么。我使用3列,总共大约1100px。

1 个答案:

答案 0 :(得分:2)

从文档中:问题可能与bufferPx属性有关。

             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

如果调整该值没有明显影响,则可能只是加载时间,具体取决于加载的数据量。