DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> 基於JQuery實現滾動到頁面底端時自動加載更多信息
基於JQuery實現滾動到頁面底端時自動加載更多信息
編輯:JavaScript綜合知識     

 這篇文章主要介紹了基於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讀取過程中多次觸發事件,造成多次加載內容。  
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved