用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 查看内容

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

Rolan 2019-7-29 00:11

我们需要解决的问题:当弹框显示的时候,弹框下面的内容不能滚动小程序的弹框特别多,像下面这样,弹框的底部是一个可以下拉的页面,但是当弹框出现的时候,需要禁止底部的滚动,那么怎么做呢?直接给出答案吧:给vie ...

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

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

直接给出答案吧:

给 view 加上 catchtouchmove='true' 就可以.

比如下面这种:

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

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

网友们的方法

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

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

prevent(){
    return ;
}

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

至此,完成。

鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏
原作者: 王月 来自: segmentfault