对于iscroll动态加载数据的完美解决方案

这个例子给你分享iscroll动态数据加载特定的代码供大家参考,以下具体内容





负荷…








拉负荷…






Js。


/ / / iscroll滚动条上拉刷新/降负荷
无功myscroll,
pulldownel,
pulldownoffset,
pullupel,
pullupoffset;

函数加载(){
pulldownel = document.getelementbyid('pulldown);
pulldownoffset = pulldownel.offsetheight;
pullupel = document.getelementbyid('pullup);
pullupoffset = pullupel.offsetheight;
myscroll =新iscroll('wrapper,{
usetransition:假,
TopOffset:pulldownoffset,
BtnOffset:pullupoffset,
hidescrollbar:真,
FadeScrollbar:真的,
OnRefresh:函数(){
如果(pulldownel.classname.match('loading ')){
pulldownel.classname =;
/ / pulldownel.queryselector('。pulldownlabel).innerHTML =下拉刷新…;
pulldownel.queryselector('。pulldownlabel).innerHTML =数据+ updatedatetime更新时间;
} else if(pullupel.classname.match('loading ')){
pullupel.classname =;
pullupel.queryselector('。pulluplabel).innerHTML =拉力;
}
},
OnScrollMove:函数(){
如果(y = 5)!pulldownel.classname.match('flip ')){
pulldownel.classname = 'flip;
/ / pulldownel.queryselector('。pulldownlabel).innerHTML =释放刷新…;
pulldownel.queryselector('。pulldownlabel).innerHTML =数据+ updatedatetime更新时间;
this.minscrolly = 0;
} else if(这个Y<5 pulldownel.classname.match('flip ')){
pulldownel.classname =;
/ / pulldownel.queryselector('。pulldownlabel).innerHTML =下拉刷新…;
pulldownel.queryselector('。pulldownlabel).innerHTML =数据+ updatedatetime更新时间;
this.minscrolly = - pulldownoffset;
} else if(这个Y<(this.maxscrolly - pullupoffset - 40)!pullupel.classname.match('flip ')){
pullupel.classname = 'flip;
pullupel.queryselector('。pulluplabel).innerHTML =释放负荷;
this.maxscrolly = this.maxscrolly - pullupoffset;
}
/ /如果(这。y >(this.maxscrolly - pullupoffset)pullupel.classname.match('flip ')){
/ / pullUpEl.className = '';
/ / pullupel.queryselector('。pulluplabel).innerHTML = '拉'加载..;
/ / / / this.maxscrolly = pullupoffset;
/