Jquery下拉異步刷新

1、首先我們要獲取瀏覽器可視區域頁面的的高度

var winH = $(window).height(); //頁面可視區域高度 

2、然後，當滾動頁面需要做的事情是：計算頁面總高度（當滾動到底部時，頁面加載新數據，所以頁面總高度是動態變化的），計算滾動條位置（位置也是動態變化的），然後構造一個公式，計算相對比例

$(window).scroll(function () { 
    var pageH = $(document.body).height(); 
    var scrollT = $(window).scrollTop(); //滾動條top 
    var aa = (pageH-winH-scrollT)/winH;

   )};

3、當滾動條接近頁面底部時，觸發ajax加載，想服務器端請求數據

4、解析返回的json數據到網頁中

if(aa<0.02){

      $.getJSON("result.php",{page:i},function(json){

        if(json){

          varstr = "";

          $.each(json,function(index,array){

            varstr = "<div class=\"single_item\"><divclass=\"element_head\">";

            varstr += "<divclass=\"date\">"+array['date']+"</div>";

            varstr += "<divclass=\"author\">"+array['author']+"</div>";

            varstr += "</div><divclass=\"content\">"+array['content']+"</div></div>";

            $("#container").append(str);

          });

          i++;

        }else{

          $(".nodata").show().html("別滾動了，已經到底了。。。");

          return false;

        }   

  }); 

  }  

});