网页下滑到底部之后加载更多

// 模态弹窗               

var modelInfo = {
modelText : '创建了一个模态弹窗',
modelShowTime : 200
}


var ennModelBox = {
modelFunction : function(opt) {
opt || (opt = modelInfo)
var modelWarmBox = $('<div class="modelWarmBox"><div class="modelWarm">'
+ (opt.modelText || modelInfo.modelText)
+ '</div></div>');
$('body').append(modelWarmBox);
$('.modelWarmBox').show();
$('.modelWarmBox').height($('body').height());
$('.modelWarmBox').width($(window).width());
setTimeout(function() {


$('.modelWarmBox').remove();


}, opt.modelShowTime || modelInfo.modelShowTime)
}
};

后台获取数据方法这里不写，重点是jsp页面

var st = 0;
$(window)
.scroll(
function(event) {
st = $(document).scrollTop();


if (st >= $(document).height() - $(window).height()) {


var fanslist = document
.getElementById('groupUserList');
var rows = $(".listDiv ul li").length;


$
.ajax({
url : "/famousGroup/getMoreList.do",
type : "post",
dataType : "json",
data : {
limit : rows,
userid : '${userid}',
id : '${groupid}'
},
success : function(data) {


if (data.return_code == "SUCCESS") {


console.log(data);


for ( var i = 0; i < data.data.length; i++) {


var str1 = "<a href='javascript:void(0);' class='groupUser_link'>";


if (data.data[i].photo == '') {
var str2 = "<h1 class='groupUserLogo'><img src='images/shuoshuoImg.jpg' alt='' /></h1>"
} else {
var str2 = "<h1 class='groupUserLogo'><img src='"+data.data[i].photo+"' alt='' /></h1>"
}


if (data.data[i].semblance >= 70) {
var str3 = "<h1 class='searchDetail'><span class='similar-num' style='color: #40c840'>"
+ data.data[i].semblance
+ "%</span></h1>"
} else if (40 <= data.data[i].semblance
&& data.data[i].semblance < 70) {
var str3 = "<h1 class='searchDetail'><span class='similar-num' style='color: #808080'>"
+ data.data[i].semblance
+ "%</span></h1>"
} else if (data.data[i].semblance == '0') {
var str3 = "<h1 class='searchDetail'><span class='similar-num' style='color: #ff5151'>--</span></h1>"
} else {
var str3 = "<h1 class='searchDetail'><span class='similar-num' style='color: #ff5151'>"
+ data.data[i].semblance
+ "%</span></h1>"
}
var str4 = "<h2 class='groupUserName'><p class='name-top'>"
+ data.data[i].name
+ "</p><p class='name-english'>"
+ data.data[i].enName
+ "</p><p class='introduct-down'>"
+ data.data[i].shortSummary
+ "</p></h2>"//根据实际情况编写
var li = document
.createElement('li');//创建Li
li.innerHTML = str1
+ str2 + str3
+ str4;//拼接
fanslist
.appendChild(li);//添加li
}
} else {
ennModelBox.modelFunction({
modelText : '没有更多数据了！',
modelShowTime : 1500
})
}


}


});
}
});