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

微信小程序 vant 中 所有弹出层都会有的一个问题 滑动弹出层 会出现页面滚动 如下图

解决方法：

1、首先在最外围的类中加入overflow: hidden;

2、当弹出层出现的时候 给最外围的view 加入root-fixed 类 隐藏的时候 去掉root-fixed

<view class="root {{isScroll?'root-fixed':''}}"></view>

isScroll 控制是否绑定root-fixed 这个类

.root {
	width: calc(100vw - 56rpx);
	padding: 30rpx 28rpx 0rpx 28rpx;
	border-top: 1px solid #EFEEEE;
	overflow: hidden;
	background: white;
}



.root-fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}