網頁無限下拉的實現原理

隨着瀑布流的佈局深入人心，傳統意義上的翻頁已經不能滿足用戶的請求。

現在越來越多的網站，使用無限下拉的方式來展現內容，其實現原理爲：

1.首先預先加載一部分內容，並顯示出滾動條。

2.監聽瀏覽器滾動條。

3.當滾動條快到瀏覽器底部的時候，觸發請求。

4.加載新的面

代碼如下：

var bodyObj = document.documentElement || document.body;

var scrollTop = bodyObj.scrollTop;
var browseHeight = bodyObj.clientHeight || windown.innerHeight;

window.onscroll = function() {

    var currentScrollTop = bodyObj.scrollTop;
    var pageHeight = bodyObj.scrollHeight;
    document.title = currentScrollTop + "|" + browseHeight;

    if (pageHeight-(browseHeight + currentScrollTop) < 100) {

        document.title = "到底部了！";

    } else {

        document.title = "還沒有到了！";

    }

}