我使用这个代码,我发现它比以前更快:
<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。
答案 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
如果调整该值没有明显影响,则可能只是加载时间,具体取决于加载的数据量。