中易网

Iscroll4 实现下拉刷新,上拉加载,现在出现一个问题,就是当我在下拉刷新的同时,马上进行上拉

答案:1  悬赏:80  
解决时间 2021-02-02 05:20
Iscroll4 实现下拉刷新,上拉加载,现在出现一个问题,就是当我在下拉刷新的同时,马上进行上拉加载,页面会出现两条相同的数据,怎么解决?
最佳答案
1、在options中加入如下参数代码(我的代码是在2470行):

//原本就有的部分

HWCompositing: true,
useTransition: true,
useTransform: true,
//我加入的部分
minScrollY : 0,
minScrollX : 0

2、在下面不远处(十行以内)加入如下参数:

//新加部分

this.minScrollY = this.options.minScrollY;
this.minScrollX = this.options.minScrollX;
原先就有的部分
this.translateZ = this.options.HWCompositing && utils.hasPerspective ? ' translateZ(0)' : '';

3、最后一处修改,在resetPosition方法内,此处直接贴上更改之后的方法,其实真正的修改只是将this.minScrollX修改成了(代码在2830行左右):

resetPosition: function (time) {

var x = this.x,
y = this.y;

time = time || 0;

if ( !this.hasHorizontalScroll || this.x > this.minScrollX ) {
x = this.minScrollX;
} else if ( this.x < this.maxScrollX ) {
x = this.maxScrollX;
}

if ( !this.hasVerticalScroll || this.y > this.minScrollY ) {
y = this.minScrollY;
} else if ( this.y < this.maxScrollY ) {
y = this.maxScrollY;
}

if ( x == this.x && y == this.y ) {
return false;
}

this.scrollTo(x, y, time, this.options.bounceEasing);

return true;
},
全部修改内容如上,调用的时候,只需要传入minScrollX、minScrollY参数便可实现下拉后回弹上面的预留位置了。
注:对于scroll的滚动区域小于包裹容器的,iscroll禁止滚动,会造成无法实现下拉刷新,这里有一个小技巧,就是给滚动区域加一个min-height:101%;
最后附上此次修改的dome下载地址,由于dome最初也是从别处拿的(最初的dome不能满足需求),其中的css布局方面个人觉得有些不好,但由于最近工作紧张也没有去改,暂时就先这样吧,有空会优化一下的。
我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
一个性格好强的男人对自己的女朋友好吗
借呗被停了信用分涨了有机会重新使用不
如果系统安装文件损坏,安装的时候会有提示吗
艾特造型这个地址在什么地方,我要处理点事
由于老公是二婚,户口在前妻名下,我们现在没有
在房间里放一个香炉有哪些效果作用
游戏王卡片力量sp融合回收和融合咒印生物-暗
江苏义利康是传销么
茂源印刷地址在什么地方,想过去办事
小米note锁屏之后再按开不了是怎么回事?
手上碰到脏东西洗干净了 味道还在 说明细菌还
闵彩霞诊所怎么去啊,有知道地址的么
空腹吃枇杷会对胃不好吗?
你好能帮我解决linux用SecureCRT连接不上
我国人囗平均寿命是多少
推荐资讯
炎热的夏天要到了我要不要去掀。 是什么歌
m5a78l-mlx3网卡驱动?
红海湾花园-停车场入口地址在什么地方,想过
玩dnf电脑最重要什么软件?
平生鱼鸟宿相亲,梦寐烟霞卜四邻 后两句是什
为什么我总是容易被人遗忘?
动字有多少个同音字
我的生辰八字是什么,帮帮忙很急的
河边民俗博物馆地址在什么地方,想过去办事
一首英文歌,歌词里有Far away away away away
一年级8十7=15怎么分
云绣加油站这个地址在什么地方,我要处理点事
手机登qq时,显示手机磁盘不足,清理后重新登
刺客的套装怎么选啊?