【微信小程序】弹出层穿透问题的解决方案

目前小程序弹出层穿透有两种问题：
第一种：小程序弹出层不滚动的时候，往上下拉时会连页面一起拉动，这个用户体验性很差的。
解决方案：在wxml中，增加catchtouchmove=true，就ok了～

<!-- 弹出层的背景 -->
<view class="bg" catchtouchmove="true"> 

Tip：在微信开发者工具上无效，只对真机有效的，所以要在真机上测试

第二种：小程序弹出层滚动的时候，加catchtouchmove没效果
解决方案：利用scroll-view和page的overflow:hidden组合使用

//wxml
<scroll-view scroll-y="{{isShowPicker}}" style="height:100%">
</scroll-view>

//wxss
page{
  height:100%;
  overflow:hidden;
}

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

Tip：scroll-view里如果要做圆角的图片，千万不能采用这个方法，在ios上会失去圆角的～