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

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

解决方案:
1.给浮框catchtouchmove绑定一个空方法。
<view catchtouchmove='prevent' ></view>
在methods里面写:
prevent(){return ;
}

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

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

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

  2. 微信小程序底部弹框 showActionSheet

    志在巅峰的攀登者,不会陶醉在沿途的某个脚印之中,在码农的世界里,优美的应用体验,来源于程序员对细节的处理以及自我要求的境界,年轻人也是忙忙碌碌的码农中一员,每天.每周,都会留下一些脚印,就是这些创作的 ...

  3. 微信小程序 自定义弹框组件

    话不多说直接上代码 目录 1.wxml 2.js 3.wxss 4.json 5.效果展示(具体内容可以自定义) 1.wxml <!--pages/components/confirmBox/c ...

  4. 微信小程序 - 解决弹框遮罩层的滚动穿透问题

    在小程序页面里有自定义弹窗时候,发现弹窗外滚动的时候,底部背景页面也会跟随滚动.面对这个bug,我们可以用下面几种方法实现: 方法1:catchtouchmove="true" 可 ...

  5. 微信小程序自定义弹框+生成二维码功能

    最近在做小程序的功能,需求是弹框生成二维码功能,所以根据需求自定义了一个弹框组件,后续其他地方也可以用到. 最后效果图如下 dialog部分 <!--components/dialog/dial ...

  6. 微信小程序之弹框modal

    官方文档 <modal hidden="{{hidden}}" title="这里是title" confirm-text="自定义确定按钮&q ...

  7. 微信小程序日历弹框组件

    参考文章:https://blogai.cn/posts/46 calendar.json {"usingComponents": {},"disableScroll&q ...

  8. 微信小程序自定义模态框,官方版本与自定义可扩展版本

    微信小程序自定义模态框,官方版本与自定义可扩展版本 提示:文章最后有源码,可自取 文章主要通过模仿官方的模态框进行自定义模态框的设计,我将会先讲述原理,然后给出源码,最后指出一些需要注意的地方 提示: ...

  9. 微信小程序页面搜索框查询(无后台接口情况下)

    微信小程序页面搜索框查询(无后台接口情况下) 效果图: wxml <view class="container"><view class="goodsl ...

  10. 微信小程序下拉框插件_微信小程序下拉框组件使用方法详解

    本文实例为大家分享了微信小程序下拉框组件的使用方法,供大家参考,具体内容如下 适用场景 1.省市三级联动 2.出生日期选择 3.性别选择 4.一般性的下拉选择等 一.省市三级联动使用 注意mode = ...

最新文章

  1. python requests cookies请求_python的requests库怎么发送带cookies的请求
  2. 数据库的这些性能优化,你做了吗?
  3. [转]Python UnicodeEncodeError: ‘ascii’ codec can’t encode characters in position 的解决办法...
  4. [0618]Tyvj1128中文大写数字
  5. jdbc操作步骤和preparedStatment相比Statment的好处
  6. JDBC 程序的常见错误及调试方法
  7. linux centOS基本配置搭建
  8. JVM 内存初学 (堆(heap)、栈(stack)和方法区(method) )
  9. python 模块路径搜索_Python模块搜索路径问题
  10. 14.链表中倒数第k个结点
  11. 15-07-22 数据库--存储过程、触发器
  12. java web术语_Java Web 基本概念和术语
  13. AJAX 聊天室实现原理终极解析
  14. windows10批量修改文件后缀名
  15. 大型的obj文件如何处理和加载
  16. 【STM32】使用STM32cubeMX的库读写FLASH数据
  17. iOS 笔记 【经典】
  18. grpc实例之Python实现
  19. 高通骁龙820A与DeepLearning相结合的ADAS解决方案
  20. 菜鸟与顺丰的商业博弈 信息安全不能有任何折扣

热门文章

  1. 高通可穿戴设备平台 SDW4100 简介
  2. kali安装zmap
  3. DOS CMD 设置环境变量
  4. 等级保护三级备案材料有哪些
  5. 【MODIS】MODIS数据的常用下载源
  6. PDM,读《电商产品经理宝典:电商后台系统产品逻辑全解析》
  7. android json 转map,json字符串转map
  8. 设计模式-05.建造者模式与模板方法模式比较
  9. 华为HCNA认证---简介及资源
  10. linux查看psd文件,ImageMagick PSD图形文件处理远程缓冲区溢出漏洞(CVE-2014-1947)