微信小程序 - 解决自定义蒙版下方的页面滚动

在微信小程序开发中，会碰到自定义弹窗出现后，蒙版下面的页面仍可以滚动的问题。

解决方法：

1. 先点击出现蒙层时，页面的最外层view：height:100vh （灵活设置，蒙层出现时height:100vh;,反之height: ;）

微信小程序中的 vw 和 vh 单位
100vh 微信小程序的屏幕高度；
100vw 微信小程序的屏幕宽度

2. 在蒙层的最外层view中加入catchtouchmove=”preventTouchMove”

-wxml

<view class="Montmorillonitelayer" catchtouchmove="preventTouchMove" style="{{show?'':'display:none'}}"></view>
<view class="Montmorillonitelayer-content" style="{{show?'':'display:none'}}">
	<form bindsubmit="formSubmit">
	<view style="text-align:center;padding:5% 0;border-bottom:1px solid #eee;font-size:15px;">添加评论</view>
	<input name="pinglun" placeholder='请输入您的评论'></input>
	<button formType="submit">提交</button>
	</form>
</view>

-js 中写一个空白函数

preventTouchMove:function(e) {

},