我们需要解决的问题:当弹框显示的时候,弹框下面的内容不能滚动
小程序的弹框特别多, 像下面这样,弹框的底部是一个可以下拉的页面,但是当弹框出现的时候,需要禁止底部的滚动,那么怎么做呢?
直接给出答案吧:
给 view
加上 catchtouchmove='true'
就可以.
比如下面这种:
<view catchtouchmove='true' ></view>
至于加到哪个 view 上边,自然是最外边包含整个屏幕的 view 了。如果你实在不知道哪一个,你试一下也成。
网友们的方法
网友们有人使用的方式是给 catchtouchmove
绑定一个空方法。这也是一个解决方法。
<view catchtouchmove='prevent' ></view>
prevent(){return ;}
友情提醒:关于不能滚动的这个效果需要在真机上面查看,在编辑器上面看不到效果。
至此,完成。
本文首发于公众号“前端的极致实现”。欢迎小可爱们来交流~ 加我微信 (wangyuedewechat2) 拉大家进群