一.js程式碼
ajax函式

//瀑布流資料
var getData = function (i,url,name){
    $.post(url,{p:i},function(data){
        if(data.status){
            if(data.list !==null) {
                $(name).before(data.list), $(name).val(data.page);
            }
        }else{
            alert(data.info);
        }
    });
}
 

前臺程式碼

$(document).ready(function (){
        var nScrollHight = 0; //滾動距離總長(注意不是滾動條的長度)
        var nScrollTop = 0;   //滾動到的當前位置
        var nDivHight = $("#masonry").height();//獲取單個div元素的滾動條 這裡如果需要獲取視窗的滾動條的話，修改獲取的滾動高度即可。

        $("#masonry").scroll(function(){
            nScrollHight = $(this)[0].scrollHeight;
            nScrollTop = $(this
 
)[0].scrollTop;
            if(nScrollTop + nDivHight >= nScrollHight){
                var page = $("#masonry_page").val();
                getData(page,"/masonry/id/2","#masonry_page");
            }
        });
    });

html程式碼

<div id="masonry">
 <input type="hidden" id="masonry_page"
 
 value="1">
</div>

註釋：後臺程式碼自行書寫吧，類似分頁的實現方式比較簡單，後臺輸出html的程式碼，前臺直接接受並新增（json資料）。

分享：在這裡博主給大家推薦一個賬號管理工具了，如果有朋友賬號太多，經常忘記密碼，而且密碼太過複雜記不住，那麼你有福了。在這裡給大家推薦一個網站 51PassWord，博主也在用，希望能夠幫助到大家。