微信小程序禁止弹框下面的内容滑动弹窗禁止底部内容滚动

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

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

解决方案：

给view加上catchtouchmove=‘true’

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

给catchtouchmove绑定一个空方法。

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

prevent(){return ;
}

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

微信小程序禁止弹框下面的内容滑动弹窗禁止底部内容滚动相关推荐

微信小程序自定义弹框组件
话不多说直接上代码目录 1.wxml 2.js 3.wxss 4.json 5.效果展示(具体内容可以自定义) 1.wxml <!--pages/components/confirmBox/c ...
微信小程序 - 解决弹框遮罩层的滚动穿透问题
在小程序页面里有自定义弹窗时候,发现弹窗外滚动的时候,底部背景页面也会跟随滚动.面对这个bug,我们可以用下面几种方法实现: 方法1:catchtouchmove="true" 可 ...
微信小程序自定义弹框+生成二维码功能
最近在做小程序的功能,需求是弹框生成二维码功能,所以根据需求自定义了一个弹框组件,后续其他地方也可以用到. 最后效果图如下 dialog部分 <!--components/dialog/dial ...
微信小程序之弹框modal
官方文档 <modal hidden="{{hidden}}" title="这里是title" confirm-text="自定义确定按钮&q ...
微信小程序日历弹框组件
参考文章:https://blogai.cn/posts/46 calendar.json {"usingComponents": {},"disableScroll&q ...
微信小程序自定义模态框，官方版本与自定义可扩展版本
微信小程序自定义模态框,官方版本与自定义可扩展版本提示:文章最后有源码,可自取文章主要通过模仿官方的模态框进行自定义模态框的设计,我将会先讲述原理,然后给出源码,最后指出一些需要注意的地方提示: ...
微信小程序页面搜索框查询（无后台接口情况下）
微信小程序页面搜索框查询(无后台接口情况下) 效果图: wxml <view class="container"><view class="goodsl ...
微信小程序下拉框插件_微信小程序下拉框组件使用方法详解
本文实例为大家分享了微信小程序下拉框组件的使用方法,供大家参考,具体内容如下适用场景 1.省市三级联动 2.出生日期选择 3.性别选择 4.一般性的下拉选择等一.省市三级联动使用注意mode = ...
微信小程序radio单选框
微信小程序radio单选框效果: 选中男返回male,选中女返回female wxml: <radio-group bindchange="handlechange"> ...

微信小程序禁止弹框下面的内容滑动弹窗禁止底部内容滚动

微信小程序禁止弹框下面的内容滑动弹窗禁止底部内容滚动相关推荐

最新文章

热门文章

微信小程序 禁止弹框下面的内容滑动 弹窗禁止底部内容滚动

微信小程序 禁止弹框下面的内容滑动 弹窗禁止底部内容滚动相关推荐

最新文章

热门文章

微信小程序禁止弹框下面的内容滑动弹窗禁止底部内容滚动

微信小程序禁止弹框下面的内容滑动弹窗禁止底部内容滚动相关推荐