jquery+.net 实现动态瀑布流

实现关键：

1.定义每次需要加载的记录数

2.定义什么时候加载：当滚动到最底部以上50像素时， 加载新内容.  高度：$(document).height() - $(this).scrollTop() - $(this).height() 

实现代码：

var pageCount = 0; //总页数
var pageIndex = 1;
var pageSize = 10;//每次加载条数
var pageNumber = 10;//此次需要获取的总记录数条数
//滚动加载数据
$(window).scroll(function () {
    if ($(document).height() - $(this).scrollTop() - $(this).height() < 50) {
        pageCount = $("#hid_talk_count").val();
        if (pageCount > pageNumber) {
            pageNumber = (pageIndex + 1) * pageSize;
            LoadTalkInfo();
            pageIndex += 1;
        }
    }
});

 

//加载新鲜事列表
function LoadTalkInfo(type) {
    var spaceId = $("#hid_space").val();
    var paras = "operation=getTalk&spaceId=" + spaceId + "&type=" + type + "&pageNumber=" + pageNumber;
    var json = SendAjax("../com/TalkHandler.ashx", paras, "json", false);
    $(json).each(function (i) {
        
    });
}