# demo-jquery.scrollpagination v1.0

jquery插件 ( 无限滚动翻页 ) - jquery.scrollpagination v1.0

支持横向滚动与垂直滚动

演示地址：http://gongshunkai.github.io/demo/%E6%97%A0%E9%99%90%E6%BB%9A%E5%8A%A8%E7%BF%BB%E9%A1%B5/demo.html

使用方法：

$('.product-list').scrollPagination({
   url:function(page){
       return 'data/demo.json?page=' + page;
   },
   beforeLoad: function(){
       $('#loading').fadeIn();
   },
   afterLoad:function(data){
       $('#loading').fadeOut();
       $.each(data,function(i,o){
           $('.product-list').append($('<div class="thumbnail"><img src="' + o.thumb + '" alt="' + o.name + '"></div>'));
       });
   },
   pageIndex:5,
   pageSize:20,
   offset:10
});

初始化提供1个配置项参数

{
     url:null, //数据
     postData:null, //发送数据
     beforeLoad:null, //请求前的回调
     afterLoad:null, //请求后的回调
     onError:null, //错误的回调
     finished:null, //完成的回调
     scrollTarget:window, //滚动目标
     scrollPage:document, //滚动翻页
     pageIndex:1, //当前页码
     pageSize:0, //每页显示的数量
     totalItems:0, //总共有多少条数据
     offset:0, //偏移
     vertical:true, //是否垂直
};