一、外掛概述

實現網頁底部自動載入內容的外掛很多，如，
1、jQuery ScrollPagination
jQuery ScrollPagination plugin 是一個jQuery 實現的支援無限滾動載入資料的外掛。
地址：http://andersonferminiano.com/jqueryscrollpagination/
他的demo下載：http://andersonferminiano.com/jqueryscrollpagination/jqueryscrollpagination.zip
2.jQuery Screw
Screw (scroll + view) 是一個 jQuery 外掛當用戶滾動頁面的時候載入內容，是一個無限滾動翻頁的外掛。
官方地址：

二、外掛使用說明

下面介紹一下Autobrowse的使用：
1.引入js依賴檔案

<script
 
  type="text/javascript" src="../plugin/jquery.js"></script> 
<script type="text/javascript" src="../plugin/jquery.esn.autobrowse.js"></script>

2.定義HTML元素

<div class="full-dom">
    <ul class="list-y2" id="activityList">
    </ul>
</div>

3.js定義

$("#activityList"
 
).autobrowse({
        url:function (offset) {
            //請求伺服器端地址
        }, template:function (data) {
            //非同步組裝伺服器端返回的資料
        },
         itemsReturned:function (data) {
            //返回服務端資料的長度
        }, 
        offset:1,
        max:10000, 
        loader:'' //載入的圖示,
        useCache:false, //使用快取
        expiration:1,//過期時間
        sensitivity: 2000 //觸發下一頁的差值
        finished: function () { $(this).append('<p style="text-align:center">載入完成，沒   有更多活動了</p>') }//沒有資料時的提示
    });

從上可看出，autobrowse可以自定義引數，來觸發頁面底部自動載入資料的時間和內容，能帶來好的使用者體驗。

三、依賴檔案下載