html 底部自动加载更多,jQuery实现滚动到底部时自动加载更多的方法示例

本文实例讲述了jQuery实现滚动到底部时自动加载更多的方法。分享给大家供大家参考，具体如下：

这里利用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("

---

");

}

});

}

下拉加载更多

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery操作json数据技巧汇总》、《jQuery form操作技巧汇总》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。