微信小程序 - 手写下拉刷新效果

问题

最近在仿写腾讯新闻小程序，在首页中分别有三个板块，它们是在一个页面中通过滑动tab的效果来进行切换。所以我用swiper + scroll-view来模仿这样的效果，但是在后面做下拉刷新的时候，发现有个很严重的问题，由于这三个板块是在一个页面之间进行切换的，所以下拉刷新会导致前面两个板块无法出现原生下拉的效果。（这种情况具体的原因我也不太清楚，如果有大佬知道的可以评论告诉我）

 然后我参考腾讯新闻小程序（安卓版是没有下拉的，我参考的是苹果版），发现他们貌似也是手写的下拉刷新，可能也是因为这个问题吧。为了尊重原作，并秉承程序员遇到问题不解决之全身不舒服的精神，于是便手写一个下拉刷新。

思路

1.通过在scroll-view上绑定touch事件，拿到手势滑动时的信息

2.（判断是否为下拉手势）touchStart 记录第一次触摸时的Y轴坐标，touchMove 记录滑动时的Y轴坐标，touchMoveY - touchStartY > 0 ，则为下拉手势

3.在页面上动态添加translateY ， 将移动的差值赋值到translateY上，让页面出现下拉移动的效果

4.设置刷新的目标值，到达该值后，下拉距离减缓增加。最后设置最大边界值，到达该值后，距离将不再增加

5.touchEnd中