1. 首页
  2. wx小程序

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

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

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

一:给view加上catchtouchmove='true' 

比如下面这种:

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

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

一: 给catchtouchmove绑定一个空方法

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

prevent(){
    return ;
}

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

本文来自挚友阳光,本站一部分文章不代表本站立场,不妥请联系本站删除,如若转载,请注明出处:https://www.linstudy.com/article/31.html