pull-pro v2.0.3

Pull

该项目已停止维护，推荐使用 pull2 。

下拉刷新、上拉加载组件

支持 原生js amd es6 等应用场景，自定义文字、dom。

• Pull
  • 快速使用
    • 引入 js
    • 使用
  • 配置项
  • 实例方法
  • 示例
  • 更新日志

使用过程如有遇到什么问题，欢迎提交 issue，感谢支持

快速使用

引入 js

原生 js 页面

<script src="pull.min.js"></script>

require

require.config({
    baseUrl: '../dist/',
    paths: {
        'Pull': 'pull.min'
    }
});
require(['Pull'], function(Pull){
	// ...
});

es6

# 通过npm安装包
npm install pull-pro

.

import Pull from 'pull-pro'

使用

var pullConfig = {
	// 下拉刷新
	onPullUp: function () {
			// do something
	    // 处理完成后一定要调用 pullDownSuccess 或 pullDownFailed
	},
	// 上拉加载
	onPullDown: function () {
	    // do something
	    // 处理完成后一定要调用 pullUpSuccess 或 pullUpDone
	}
}

// elementId 必填 触发上拉和下拉的元素
var pullInstance = new Pull(elementId, pullConfig);

注意：如果onPullUp和onPullDown都不设置，则组件不进行任何操作。该情况下调用实例方法可能报错

配置项

实例方法

示例

点击查看 Demo

更新日志

• 20221022 2.0.3 版本
  • 该项目停止维护，推荐使用 pull2
• 20220920 2.0.1 版本
  • 优化部分逻辑
• 20180419 2.0.0 版本
  • 去掉scrollArea配置项
  • 去掉zepto依赖
• 20170714
  • Fix 修复滚动置底，上拉加载失败无限触发的问题
  • New 新增updateScrollContentHeight方法，手动更新滚动内容高度
• 20170613
  • Fix 修复配置项 autoLoad 无效问题
  • Change 如果配置autoLoad: false，上拉加载仅支持点击加载。注意配置 pullUpText
• 20170526
  • New 新增resetPullUpDone方法，重置上拉加载完成状态。考虑到页面如有筛选功能，重置数据后仍需支持上拉加载
  • New 新增updateScrollAreaHeight方法，滚动区域如有延迟加载的内容，可在加载后更新滚动区域高度
  • New 新增triggerPullDown、triggerPullUp方法，支持手动触发刷新和加载显示状态，从而触发 onPullDown、onPullUp回调方法
  • Update 优化默认模板字体
• 20170525
  • Update 支持配置 lock
  • Update 支持自定义pullDownDom、pullUpDom
  • Update 默认模板优化，文字颜色变淡，上拉加载 dom 增加补白
  • Update 修复不设置 onPullUp，下拉报错的问题
• 20170524
  • First Commit