jquery 实现滚动条下拉时无限加载的简单实例
时间:2021-04-02 09:46:22|栏目: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; } }