小程序弹框底层禁止滚动设置

<!--筛选弹出框 -->
<van-popup show="{{ showPopup }}" close-on-click-overlay="false" position="bottom" bind:close="moreSettingClick" catchtouchmove="return">
  <view class='center_popup'>
    <view class='head-box'>
      <view class="title">筛选</view>
      <view bindtap="moreSettingClose" class='close-text'>关闭</view>
    </view>
    <!-- 滚动模块 -->
    <scroll-view scroll-y class="scroll" style="{{scrollHeight>0?'height: '+ scrollHeight +'px;':''}}">
      <view class="select-box">
        <!-- 建筑列表 -->
        <block wx:if="{{buildingList && buildingList.length > 0}}">
          <view class='popupHint'>建筑列表
            <view wx:if="{{buildingList.length>9}}" class='floatRight charzk' bindtap="shbuild">{{shbuildflag?"收起":"展开"}}
              <image src="/images/{{shbuildflag?'pack-up.png':'down.png'}}" class="imgzk" />
            </view>
            <view class='clear'></view>
          </view>
          <view class="select-val-box {{shbuildflag?'':'buildinghide'}}">
            <block wx:for="{{buildingList}}" wx:key="index">
              <view class="popupBtn_W {{item.id === tempBuildingId?'select-border':''}}" data-index="{{index}}" data-type="building" bindtap='selectCondition'>
                <view class='radioBtnActive'>
                  <text>{{item.label}}</text>
                  <image wx:if="{{item.id === tempBuildingId}}" src='../../images/checkbox-subscript.png'></image>
                </view>
              </view>
            </block>
          </view>
        </block>

        <!-- 监测状态 -->
        <view class='popupHint'>监测状态</view>
        <view class="select-val-box">
          <view class='popupBtn_W {{item.select == 1?"select-border":""}}' wx:for="{{monitorStatus}}" wx:key="index" data-type="monitor" data-index="{{index}}" bindtap='selectCondition'>
            <view class='radioBtnActive text-line-height'>
              <text>{{item.name}}</text>
              <image wx:if="{{item.select == 1}}" src='../../images/radio-subscript.png'></image>
            </view>
          </view>
        </view>

        <!-- 监测类型 -->
        <block wx:if="{{deviceTypeList && deviceTypeList.length > 0}}">
          <view class='popupHint'>监测类型</view>
          <view class="select-val-box">
            <view class='popupBtn_W {{item.select == 1?"select-border":""}}' wx:for="{{deviceTypeList}}" wx:key="index" data-type="device" data-index="{{index}}" bindtap='selectCondition'>
              <view class='radioBtnActive text-line-height'>
                <text>{{item.name}}</text>
                <image wx:if="{{item.select == 1}}" src='../../images/radio-subscript.png'></image>
              </view>
            </view>
          </view>
        </block>
      </view>
    </scroll-view>
    <view class="weui-flex popupOver_btn">
      <view class="weui-flex__item popupOver_close" bindtap='cealSelect'>
        <view class="">重置</view>
      </view>
      <view class="weui-flex__item popupOver_sure">
        <form bindsubmit='subSelect' report-submit='true'>
          <button form-type='submit' class='sub-btn'>确定</button>
        </form>
      </view>
    </view>
  </view>
</van-popup>

方法:catchtouchmove="return"仅触摸背景区域时不穿透底部.
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值