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

更新日期: 2019-07-26 阅读: 3.1k 标签: 弹框
我们需要解决的问题:当弹框显示的时候,弹框下面的内容不能滚动

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


一:给view加上catchtouchmove='true' 

比如下面这种:

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

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


一: 给catchtouchmove绑定一个空方法

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

prevent(){
    return ;
}

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


本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!

链接: https://fly63.com/article/detial/4373

js动态加载的蒙板弹框

我们访问一些网站时总会遇到这种点击后,背景像被打上一层模板一样,这个是怎么做到的呢?它是将这个弹框div独立于页面容器wrap,设置position为absolute,将其水平垂直之后都居中,设置弹框div不显示

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!