layui 滾動載入

直接上核心代碼，其實官網介紹的很詳細：

var pageSize = 5;//每次請求新聞的條數
flow.load({
    elem: '#newsList' //指定列表容器
    ,scrollElem: '#newsList'//滾動條所在元素
    ,done: function(page, next){ //到達臨界點（預設滾動觸發），觸發下一頁的回調
        $.ajax({
            type: "POST",
            dataType: "json",
            data: {'pageIndex': page,'pageSize':pageSize},//請求的頁碼和每頁顯示條數
            async: true,
            url: '/news/list.do',
            success: function (result) {
                var lis = [];
                if (result.req && result.rows.length > 0) {//數據插入
                    //result.rows為Ajax返回的新聞數據
                    layui.each(result.rows, function(index, item){
                        var newsHtml = '<span news-id="'+item.id+'">'+ item.title +'</span>';
                        lis.push(newsHtml);
                    });

                    //執行下一頁渲染，第二參數為：滿足“載入更多”的條件，即後面仍有分頁
                    //result.total為Ajax返回的總頁數，只有當前頁小於總頁數的情況下，才會繼續出現載入更多
                    next(lis.join(''), page < Math.ceil(result.total/pageSize));
                }

            }
        });
    }
});