本站收集了一篇jquery滚动条下拉时无限加载相关的编程文章，网友暨如馨根据主题投稿了本篇教程内容，涉及到jquery、滚动条下拉、无限加载、jquery实现滚动条下拉时无限加载的简单实例相关内容，已被374网友关注，下面的电子资料对本篇知识点有更加详尽的解释。
jquery实现滚动条下拉时无限加载的简单实例
思路：
通过捕捉浏览器滚动条下拉事件，触发异步加载数据的js方法，实现数据的动态添加。
脚本：
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 实现滚动条下拉时无限加载的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持码农之家。
