1.0.9 • Published 7 years ago

pullload v1.0.9

Weekly downloads
3
License
-
Repository
github
Last release
7 years ago

pullload

上拉加载更多

组件只判断是否加载更多, 业务逻辑由使用者编写

如果body高度小于可视区高度时,会重复调用pullload,使用者不需要关心回调数据过少的情况

demo

点击demo查看

demo地址

Install

npm install pullload --save-dev

Usage

//支持amd,cmd,umd等方式调用

import { pullload } from 'pullload'
const { pullload } = require('pullload')

new pullload({

    //onScrollEnd 为 加载更多时的回调
    onScrollEnd : function(pullload){
    }
})

Options

NameDefaultDescription
distance30加载下一屏的判定条件(距离页面底部距离),单位px

Methods

MethodDescription
stop停止
start启动
tick业务逻辑执行完毕

Example

var page = 1;
new pullload({
    onScrollEnd : function(pullload){
        $.ajax({
            url: 'http://cmnt.sina.cn/aj/v2/index?page=' + page++,
            success: function(rs) {
                if(rs.data.length == 0){
                    pullload.stop();
                }
                var str = '';
                rs.data.forEach(function(item, index) {
                    str += '<div></div>';
                })
                $('body').append(str);
                //当dom操作执行完毕后, 需要运行该方法, 以允许下一次判断
                pullload.tick();
            }
        })
    }
})
1.0.9

7 years ago

1.0.8

7 years ago

1.0.7

7 years ago

1.0.6

7 years ago

1.0.4

7 years ago

1.0.3

7 years ago

1.0.2

7 years ago

1.0.1

7 years ago

1.0.0

7 years ago