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

小程序下拉刷新步骤：

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

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

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

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

问题的原因：

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

刚开始开发css或者小程序布局时, 都会遇到这样的问题, 当我梁毁敏们同时使用 flex布局与position:absolute/fixed的余卜时候, 无论怎么修改都达不到最终效果, 如下图所示:

我想在白色区域横向布局这个四组文字, 虽然我设置display:flex, 方向也指向flex-direction:row, 但是最终显示出来还是如左图所示. 原因是因为白色底图(.shape_box)布局采用的是position:fixed的形式, 这时候文字的d性盒子布局已经失效了, 导致达不到最终效橡枝果

 那么如何解决这种问题呢?  我们仅需要在白色底图外层在套一个盒子, 然后最外层盒子使用position:fixed方式布局, 里面都是用flex布局, 效果如下图, 就解决了这类问题

---