ios 小程序兼容问题(下拉刷新)

小程序下拉刷新步骤：

如需所有的页面都实现下拉刷新的话，那需要在全局文件app.json里的window里设置enablePullDownRefresh这个属性(与步骤1设置一样)。

完成以上步骤就可实现下拉刷新了~

ios端，页面无法下拉刷新(就是根本下拉不了，触发不了事件)。只有当右侧的滚动条滚梁毕动到底部后，再下拉刷新时才有效果。安卓端是没有问橡渣芹题的。

但是，开发者工具上测试一直都是没有问题的。

问题的原因：

是 因为在梁如首页上父元素用到了绝对定位( position: fixed)，导致了ios端无法下拉刷新 ，把绝对定位改为相对定位就可以了(position: relative)。

目前小程序d卖陆出层穿透有两种问题：

第一种：小程序d出层不滚动的时候，往上下拉时会连页面一起拉动，这个用户体验性很差的。

解决方案：在wxml中，增加catchtouchmove=true，就ok了～

第二种：小程序d出肢没层滚动的时候，加catchtouchmove没效果

解决方案：利中饥顷用scroll-view和page的overflow:hidden组合使用

d出层的时候，isShowPicker为false，就是禁止scroll-view滚动。关闭d出层，isShowPicker为true，就能正常滚动。

初略看了下文档，发现小程序js中祥郑岁有onPullDownRefresh回调，果断重写之...

然而，却发现不管怎么下拉，始终触发不了js回调。

只好继续看文档，发现，需要在json中配置支持下拉刷新，即：

这个可以在app.json中进行全局配置，使所有谨睁页面都带有下拉刷新功能；也可以在需要下拉刷新功能的page对应的json中配置。

这下好了，下拉刷新功能完成了。

但是，还有一点点不完美的地方，别人的小程序，下拉刷新时，可以看到顶部有三个点闪烁的动画；而我的小程序顶部一片空白。

原来，还有一个配置，"backgroundTextStyle": ""，支持 dark/light；因为我的背景是白色的，此时，不进行这个配置，因为颜色的缘故，三个点闪烁的动画就看不到了，因此，白色丛肆背景需要进行以下配置：

此外，微信小程序还提供了停止下拉刷新效果的api，如果发现进入刷新状态，无法停止，可以使用这个api

---