基于mui整页滚动的下拉刷新和上拉加载
CSS JavaScript HTML
Latest commit c0c7d74 Dec 20, 2016 @zhetengbiji committed on GitHub Update README.md
文档内增加支持的方法描述
Permalink
Failed to load latest commit information.
css v1.0 Dec 7, 2016
fonts v1.0 Dec 7, 2016
js v1.0 Dec 7, 2016
.gitignore v1.0 Dec 7, 2016
README.md Update README.md Dec 20, 2016
index.html v1.0 Dec 7, 2016
manifest.json v1.0 Dec 7, 2016

README.md

pullToRefresh

基于mui整页滚动的下拉刷新和上拉加载

引入

<link rel="stylesheet" href="css/mui.css">
<link rel="stylesheet" type="text/css" href="css/pullToRefresh.min.css" />
<script src="js/jquery.js"></script>
<script src="js/pullToRefresh.js"></script>

初始化

var refresh = new Refresh('.mui-content');

设置下拉刷新状态

refresh.pullToRefresh.type = 'start';//start:加载前;loading:加载中;

设置上拉加载状态

refresh.pullToLoadMore.type = 'start';//start:加载前;loading:加载中;end:没有更多数据;none:不显示

下拉刷新事件

refresh.onPullToRefresh = function() {}

上拉加载事件

refresh.onPullToLoadMore = function() {}

滚动到(只支持y轴滚动)

refresh.scrollTo(x,y,t);//x:x轴位置,y:y轴位置(不带单位),t,滚动的总时间(毫秒)

其他事件方法

  • 监听事件:on
  • 取消监听:off

on方法支持的事件列表

  • beforeScrollStart 滚动开始前
  • scrollStart 滚动开始
  • scroll 滚动中
  • scrollEnd滚动结束
refresh.on('scroll',function(){
  console.log('滚动中');
});