基于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() {}
refresh.scrollTo(x,y,t);//x:x轴位置,y:y轴位置(不带单位),t,滚动的总时间(毫秒)
- 监听事件:on
- 取消监听:off
- beforeScrollStart 滚动开始前
- scrollStart 滚动开始
- scroll 滚动中
- scrollEnd滚动结束
refresh.on('scroll',function(){
console.log('滚动中');
});