jquery 实现滚动条下拉时无限加载的简单实例
更新时间：2016年06月01日 16:38:15 投稿：jingxian
下面小编就为大家带来一篇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 实现滚动条下拉时无限加载的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
jQuery zTree搜索-关键字查询 递归无限层功能实现代码
这篇文章主要介绍了zTree搜索功能 -- 关键字查询 -- 递归无限层的相关资料，非常不错，具有参考借鉴价值，需要的朋友可以参考下2018-01-01
这篇文章主要介绍了jquery实现红色竖向多级向右展开的导航菜单效果,涉及jquery鼠标hover事件结合class样式动态添加与删除的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
本篇文章只要是对JQuery的Ajax请求实现局部刷新的简单实例进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
jQuery替换节点用法示例(使用replaceWith方法)
这篇文章主要介绍了jQuery替换节点的方法,结合简单实例形式分析了jQuery使用replaceWith方法替换P标签显示内容的相关实现技巧,需要的朋友可以参考下2016-09-09
用jquery实现的图片圆角效果代码。2009-05-05
这篇文章主要介绍了jQuery实现的简单动态添加、删除表格功能,涉及jQuery事件响应及表格元素动态操作相关实现技巧,需要的朋友可以参考下2017-09-09
这篇文章主要介绍了c#结合jquery实现获取radio和checkbox的value值的方法，将代码分享给大家,需要的朋友可以参考下2014-12-12
QRCode.js：基于JQuery的生成二维码JS库的使用
本篇文章主要介绍了QRCode.js：基于JQuery的生成二维码JS库的使用，具有一定的参考价值，有兴趣的同学可以了解一下2017-06-06
jquery获取并修改触发事件的DOM元素示例【基于target 属性】
这篇文章主要介绍了jquery获取并修改触发事件的DOM元素,结合实例形式分析了jQuery基于target 属性获取到触发该事件的dom并修改的相关操作技巧,需要的朋友可以参考下2019-10-10
页面中需要实现某个按钮点击完后，禁用它，并显示倒计时。这个默认是3秒，代码如下2013-11-11
最新评论