微信小程序出现弹窗页面禁止滚动

代码

一、overflow: hidden;来控制

默认值visible

// 原理
弹窗出现的时候动态设置overflow: hidden;
弹窗关闭的时候改回来设置overflow: visible;

// css 当前页面设置
page {
  min-height: 100vh;
}

// html标签的行内样式
<view style="height:100%;overflow: {{ changeVal }};></view>

二、html的catchtouchmove属性

动态控制catchtouchmove的值

在页面最大的容器view中 添加行内样式 <view catchtouchmove="true"></view>
catchtouchmove接受一个布尔值，true就是禁止背景滚动，动态设置一个变量控制这个行内样式就可以了