下拉載入更多內容（滾動載入）

最近寫專案，要求實現滾動條滾動到底部的時候請求載入更多的資料。要實現此功能首先想到的就是scroll事件，經過查閱資料終於實現此功能，具體原理如下：

首先需要給div加scroll事件，監聽滾動條滾動動作。滾動載入的原理：當滾動條的高度加上滾動條到div頂部的高度等於div的可滾動高度時，說明滾動條到底部了，此時便可以觸發向服務端請求資料的ajax請求了。

判斷滾動條是否滾動到底部：

this.scrollheight<=$(this).scrolltop()+$(this).height();

注：如果等滾動條滾動到底部時再載入，會影響使用者的體驗。因為一般動態載入的時候都需要向服務端請求資源，這時需要時間。乙個更佳的方式是：當滾動條距離底部一定距離（c）時，就開始動態載入即向伺服器請求資源。也就是預載入，預讀取。**即：

this.scrollheight-c ==$(this).scrolltop()+$(this).height();

完整的滾動載入**即：

$("滾動區域id").unbind("scroll").bind("scroll", function
(e))
} });

注：該方法在使用之前首先需要引入jquery.js;

$(this).unbind('scroll').bind('scroll',function(){}）這樣寫是為了避免重複繫結。