微信小程序 禁止弹框底部内容滑动

我们需要解决的问题：当弹框显示的时候，弹框下面的内容不能滚动

小程序的弹框特别多,像下面这样，弹框的底部是一个可以下拉的页面，但是当弹框出现的时候，需要禁止底部的滚动，那么怎么做呢？

直接给出答案吧：
给view加上catchtouchmove='true' 就可以.

比如下面这种：

<view catchtouchmove='true' ></view>

至于加到哪个view上边，自然是最外边包含整个屏幕的view了。如果你实在不知道哪一个，你试一下也成。

网友们的方法

网友们有人使用的方式是给catchtouchmove绑定一个空方法。这也是一个解决方法。

<view catchtouchmove='prevent' ></view>

prevent(){
    return ;
}

友情提醒：关于不能滚动的这个效果需要在真机上面查看，在编辑器上面看不到效果。

至此，完成。
本文首发于公众号“前端的极致实现”。欢迎小可爱们来交流~加我微信(wangyuedewechat2)拉大家进群