Question

iscroll.js上拉下拉刷新时无法回弹问题怎么解决办法

Answer 1

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%;

Answer 2

通常是向下拉就刷新 在头部header 向上拉是加载 在底部footer 把对应标签删了 然后JS里 on(scroll) 与 on(touchend)里相应的事件删除 就可以了