jquery实现滚动条下拉时⽆限加载的简单实例
思路:
通过捕捉浏览器滚动条下拉事件,触发异步加载数据的js⽅法,实现数据的动态添加。
脚本:jquery滚动条滚动到底部
var lastId=0;//记录每⼀次加载时的最后⼀条记录id,跟您的排序⽅式有关。
var isloading = false;
$(window).bind("scroll", function () {
if ($(document).scrollTop() + $(window).height()
> $(document).height() - 10 && !isloading) {
isloading = true;
getMore();
}
});
function getMore() {
var url = "ajaxdata.aspx"?lastId=" + lastId +"&type=" + 其他参数
$.getJSON(url, function (data) {
var html="";
... ...
$(html).insertAfter($(".elem").last());
isloading = false;
}
}
以上这篇jquery 实现滚动条下拉时⽆限加载的简单实例就是⼩编分享给⼤家的全部内容了,希望能给⼤家⼀个参考,也希望⼤家多多⽀持。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。