Jscroll for Loyout就像pinterest Layout

Question

我需要在滚动时加载一个框（如pinterest。）我使用了jscroll。如下。但是当页面翻转时加载所有框（页面）。滚动时需要加载。任何人都可以帮我解决这个问题。 我使用了

中的代码

http://jscroll.com/

提前致谢

HTML：

<div class="col-md-9 col-lg-9 posts-container">
  <div class="timeline-posts">
    <div class="col-lg-6 col-md-12 col-xs-12 col-sm-12 post-container">
    </div>
  </div>
</div>

JS：

 $('.timeline-posts').jscroll({
    // loadingHtml: '<img src="loading.gif" alt="Loading" /> Loading...',
    nextSelector: 'a.jscroll-next:last',
    debug: true,
    callback : function()
    {

    }
});

CSS：

.posts-container
{
    -moz-column-width: 25em;
    -webkit-column-width: 25em;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-width: 25em;
    column-gap: 1em;
    -webkit-column-count: 2; 
    -moz-column-count:2; 
    column-count: 2;
    height: 100%; 

}

.posts-container .post-container 
{
    display: inline-block;
    width: 100%;
    -webkit-column-break-inside: avoid;
    break-inside: avoid-column; 
}