jquery 實現捲軸下拉時無限載入的簡單一實例，jquery捲軸

jquery 實現捲軸下拉時無限載入的簡單一實例，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 實現捲軸下拉時無限載入的簡單一實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援幫客之家。