问题描述：

页面需要有下拉刷新的功能。

页面弹出自己写的弹窗后，弹窗中的 picker 向下滚动时会触发下层页面的下拉刷新。

自己写的弹窗遮罩层已经设置了 catchtouchmove，但无法阻止下层页面的下拉刷新。

甚至导致无法正常使用 picker 向下滑动选择操作，只能向上滑动。

期待的功能（满足其一即可）： ①catchtouchmove 支持屏蔽当前页面的下拉刷新。

②可通过接口动态调整页面的 enablePullDownRefresh 属性。

这是选择器代码:

<view class="dialog-mask " style="z-index:11;visibility:{{addressMenuIsShow ? 'visible': 'hidden'}}" bindtap="hideCitySelected" catchtouchmove="preventD">

<view class="picker-view" animation="{{animationAddressMenu}}" style="visibility:{{addressMenuIsShow ? 'visible':'hidden'}}">

<view style='width:100%;border-bottom:1rpx solid #ddd;display:flex;justify-content:space-between;align-items:center;padding:10rpx 50rpx;box-sizing:border-box;'>

<view style="height:15% ;width:100%;" >

<text catchtap="cityCancel" style='color:#999999;font-size:36rpx;'>取消</text>

<text style="float: right;color:#04CE3E;font-size:36rpx;" catchtap="citySure">确定</text>

</view>

</view>

<picker-view style="width: 100%; height: 85%;" bindchange="cityChange" value="{{value}}" wx:key="index">

<picker-view-column>

<view wx:for="{{provinces}}" class="picker-item" wx:key="">

{{item.name}}</view>

</picker-view-column>

<picker-view-column>

<view wx:for="{{citys}}" class="picker-item" wx:key="">

{{item.name}}</view>

</picker-view-column>

<picker-view-column>

<view wx:for="{{areas}}" class="picker-item" wx:key="">

{{item.name}}</view>

</picker-view-column>

</picker-view>

</view>

该页面的.json中配置有enablePullDownRefresh为true

使用了页面下拉

代码片段分享链接:wechatide://minicode/riXRpZmL7R17