iscroll.js的上拉下拉刷新时无法回弹的解决方法_javascript技巧

相信很多朋友也有自己的解决办法，只是没写出来，所以网上都搜不到解决方案。在很多QQ群里面也有很多人在问该怎么解决这个问题，所以我写这篇文章记录一下我的解决方案，希望对一些朋友有所帮助。

上拉下拉刷新的主要代码：

页面无法弹回的原因在于：手指划出屏幕后touchend事件无法触发，回弹动画就无法执行。解决办法就是：当手指接近屏幕边缘的时候，手动触发动画方法。

在onScrollMove方法中插入判断代码：

下面解释一下这段代码的意思。

this.y是页面已经滚动的垂直距离，this.maxScrollY是最大垂直滚动距离，this.pointY手指当前的垂直坐标。

当this.y < this.maxScrollY，就是已经处于上拉的过程，当(this.y < this.maxScrollY) && (this.pointY < 1)时，处于上拉且手指已经触及屏幕边缘，这时候手动触发this.scrollTo(0, this.maxScrollY, 400)，页面就开始回弹。

下拉过程也可以同理分析。