DIV CSS 佈局教程網

關鍵代碼：

. 代碼如下:
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讀取過程中多次觸發事件，造成多次加載內容。