這篇文章主要介紹了基於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讀取過程中多次觸發事件,造成多次加載內容。