随滚动条来加载可见屏幕内容的代码示例

$(document).ready(function() {
$(window).bind("scroll", GetData);

function GetData() {

var windowHeight = $(window).height();
var scrollHeight = $(document).scrollTop();
var screenBottom = windowHeight + scrollHeight;
var documentHeight = $(document).height();
if (screenBottom >= documentHeight) {
$(window).unbind();
$.ajax({
type: "post",
url: "GetData.aspx",
data: "action=data",
success: function(data) {
data = eval("("+ data +")");
if (data.ret =1) {
var html ="";
for (var i =0; i <12; i++) {
html +='<div style=" border:1px solid; width:198px; float:left; height:200px" >'+ i +'</div>';
}
$("#div_main").append(html);
$(window).bind("scroll", GetData);
}
}
})

}
}
});