基於JQuery實作捲動到頁面底端時自動載入更多資訊_jquery

關鍵程式碼：

複製程式碼 程式碼如下:

var stop=true; .scroll(function(){
    totalheight = parseFloat($(window).height()) parseFloat($(window).scrollTop());
   if($(document). totalheight){
        if(stop==true){
            stop=false; tion(txt){
                $("#Loading").before(txt);
        },"text");
        }
    }
});



HTML：

複製程式碼 程式碼如下:

Loading...

實作方法是比較頁面總高度和下滾高度以判斷是否到達底端，若到達底端則透過ajax讀取更多的內容，用before插入到Loading之前。

stop參數是考慮到ajax讀取耗時，防止在一次ajax讀取過程中多次觸發事件，造成多次載入內容。