萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> 基於JQuery實現滾動到頁面底端時自動加載更多信息

基於JQuery實現滾動到頁面底端時自動加載更多信息

 這篇文章主要介紹了基於JQuery實現滾動到頁面底端時自動加載更多信息,類似微博,新浪新聞的評論等,都采用了這方法,需要的朋友可以參考下

關鍵代碼:  代碼如下: var stop=true;  $(window).scroll(function(){      totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());      if($(document).height() <= totalheight){          if(stop==true){              stop=false;              $.post("ajax.php", {start:1, n:50},function(txt){                  $("#Loading").before(txt);                  stop=true;              },"text");          }      }  });     HTML:    代碼如下: <div id="Loading">Loading...</div>     實現方法是比較頁面總高度和下滾高度以判斷是否到達底端,若到達底端則通過ajax讀取更多的內容,用before插入到Loading之前。 stop參數是考慮到ajax讀取耗時,防止在一次ajax讀取過程中多次觸發事件,造成多次加載內容。  
copyright © 萬盛學電腦網 all rights reserved