微信小程序下拉刷新，停止刷新时距离顶部有一段距离

最新在做微信小程序开发时，在进行下拉刷新加载数据时，出现停止刷新时距离顶部有一段距离。如下图：

微信图片_20180619215343.png

顶部出现这段距离是不正常的。然而自己检查代码，并没有发现自己的代码有问题。不得已，只好请求度娘，甚至去微信小程序自己的社区查了查。

查过后，发现这个问题，不止我一个人遇到。原来是微信自己的bug，==微信自带的加载提示框和下拉刷新有冲突，且只在ios上有这个问题。==

心中顿时万马奔腾，看来微信团队也有适配失误的地方。

怎么办？到现在微信还没有解决这个问题。在此，我只能提供三种解决方案。

1. 如果你的项目不着急的话，那可以等等，等到微信自己修复这个bug。

2. 如果你的项目急着要，但是对视觉效果没有什么苛刻的话，可以通过判断系统是否为ios，将加载提示框隐藏，或者去掉ios下的该下拉刷新。（怎么判断是否是ios系统，可以参考下面的代码）

3. 如果你的项目急着要，而对效果又特别苛刻，下拉刷新和加载提示框都要的话，那就只能退而求其次，下拉刷新保留，自己写一个加载提示框。（对于css比较好的童鞋，这个自然不在话下。）

微信小程序如何判断当前使用系统是ios，还是安卓？

我们可以直接借助微信小程序自带的api接口。如下：

var systenInfo=wx.getSystemInfoSync();//获取系统信息同步接口
var system=systenInfo.system;//这个参数可以获取到当前操作系统
if(system.indexOf("iOS")!=-1){//当前系统为ios
    
}else{//否则，当前系统为安卓
    
}