AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

jquery 实现滚动条下拉时无限加载的简单实例

51自学网 http://www.wanshiok.com
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 实现滚动条下拉时无限加载的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持wanshiok.com。


jquery,下拉框,滚动条  
上一篇:jquery ezUI 双击行记录弹窗查看明细的实现方法  下一篇:sencha ext js 6 快速入门(必看)