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("


");

}

});

}

下拉加载更多

相关推荐:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值