div内容的无限滚动

Question

我的代码需要无限滚动。

<div class="col-md-3">
    <div class="topseller-list">
        <div class="img-block">         
           <img src="<?php echo base_url()?>/assets/images/loading.gif"  data-frz-src="http://www.example.biz/images/<?php echo $list->our_image;?>"  class="img-responsive" style="height:150px"  >
            <div class="hvr-block">  
                <a href="www.example.com" >View</a> 
            </div>
         </div>
    </div> 
</div>

col-md-3包含来自database.if的每个产品。如果我加载一个包含3000个产品的品牌意味着加载时间过长。如何使用无限滚动？