php底部加载更多,jQuery实现滚动到底部时自动加载更多代码分享

本文主要和大家介绍了jQuery实现滚动到底部时自动加载更多的方法,涉及jQuery基于ajax动态操作页面元素相关实现技巧,需要的朋友可以参考下，希望能帮助到大家。

这里利用AJAX，实现滚动到底加载数据功能：

$(function () {

AddSth();

});

$(function () {

$(".main").unbind("scroll").bind("scroll", function (e) {

var sum = this.scrollHeight;

if (sum <= $(this).scrollTop() + $(this).height()) {

AddSth();

}

});

});

function AddSth() {

$.ajax({

type: 'POST',

url: "index.aspx/ReturnSth",

dataType: "json",

contentType: "application/json; charset=utf-8",

//data: "",

success: function (data) {

json = $.parseJSON(data.d);

for (var i in json) {

var tbBody = "

• " + json[i].sth + "

";

$(".main").append(tbBody);

}

$(".main").append("

---

");

}

});

}

下拉加载更多

相关推荐：