当前位置: 首页 > news >正文

微信小程序自定义弹窗阻止滑动冒泡catchtouchmove之后弹窗内部内容无法滑动

自定义弹窗

如图所示:

自定义弹窗内部有带滚动条的盒子区域

在这里插入图片描述

问题:

  • 在盒子上滑动,页面如果超出一屏的话,也会跟着一起上下滚动
    解决方案:给自定义弹窗 添加 catchtouchmove 事件,阻止冒泡即可
    在这里插入图片描述
    在这里插入图片描述
    网上不少人说什么 catchtouchmove="true" 这样,可以没问题,其实 catchtouchmove="任何内容" 都行,只要知道 catch***是阻止冒泡的即可,最好还是跟我一样使用一个空函数,不然你就乖乖的看调试工具的警告吧,反正不影响程序运行,随便

新问题:

  • 弹窗内部的滚动区域也无法滚动???
    原因:弹窗内部滚动区域使用的 view 添加的 overflow: auto;
    解决方案1:将弹窗内部的滚动区域换成 scroll-view 组件并添加 scroll-y 属性
    其他解决方案:模仿 scroll-view 组件改 view ,没空,还是方案1简单,暂时先不研究,待补充
    在这里插入图片描述

    在这里插入图片描述

http://www.lryc.cn/news/214889.html

相关文章:

  • Linux 命令速查
  • 第22期 | GPTSecurity周报
  • JavaScript前端 console 控制台详细解析与代码实例
  • idea中启动多例项目配置
  • Activiti7流程结束监听事件中,抛出的异常无法被spring全局异常捕捉
  • Android 默认关闭自动旋转屏幕功能
  • 软文推广方案,媒介盒子分享
  • CSDN热榜分析6:将实时爬取的热榜数据导入sqlite
  • 2023年11月1日,Google全新域名来袭:.ing域名现已问世!
  • 【设计模式】第22节:行为型模式之“状态模式”
  • JavaSE21——ArrayList
  • 找质数(枚举 埃氏筛 线性筛)
  • 第十二章 ObjectScript 系统标志和限定符 (qspec) - 标志
  • 解决Windows Server 2012 由于没有远程桌面授权服务器可以提供需求可证
  • 上位机底部栏 UI如何设置
  • MySQL表的增删改查(基础)
  • uniapp书写顶部选项卡代码详细例子
  • 注册中心ZK、nameServer、eureka、Nacos介绍与对比
  • 杂志详情。
  • 前端知识与基础应用#2
  • 【3D 图像分割】基于 Pytorch 的 VNet 3D 图像分割6(数据预处理)
  • 硬件加速器及其深度神经网络模型的性能指标理解
  • 嵌入式每日500(4)231104 (Flash类型定义、Flash常量定义、Flash函数)
  • 21款奔驰GLC300L升级23P驾驶辅助 出行更加的安全
  • 【小黑嵌入式系统第七课】PSoC® 5LP 开发套件(CY8CKIT-050B )——PSoC® 5LP主芯片、I/O系统、GPIO控制LED流水灯的实现
  • 深度学习简史
  • CSRF 和 XSS 是什么
  • 亚信科技发布“电信级”核心交易数据库AntDB7.0,助力政企“信”创未来!
  • 硬件调试-电源纹波测量
  • 【洛谷算法题】P5710-数的性质【入门2分支结构】