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