jquery 實(shí)現(xiàn)滾動(dòng)條下拉時(shí)無限加載的簡單實(shí)例

    下面小編就為大家?guī)硪黄猨query 實(shí)現(xiàn)滾動(dòng)條下拉時(shí)無限加載的簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。
    思路：
    通過捕捉瀏覽器滾動(dòng)條下拉事件，觸發(fā)異步加載數(shù)據(jù)的js方法，實(shí)現(xiàn)數(shù)據(jù)的動(dòng)態(tài)添加。
    腳本：
    var lastId=0;//記錄每一次加載時(shí)的最后一條記錄id，跟您的排序方式有關(guān)。
      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=" + 其他參數(shù)
        $.getJSON(url, function (data) { 
          var html="";
           ... ...
          $(html).insertAfter($(".elem").last());
          isloading = false;
        }
      }
    以上這篇jquery 實(shí)現(xiàn)滾動(dòng)條下拉時(shí)無限加載的簡單實(shí)例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考