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

自定义弹窗

如图所示:

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

问题:

  • 在盒子上滑动,页面如果超出一屏的话,也会跟着一起上下滚动
    解决方案:给自定义弹窗 添加 catchtouchmove 事件,阻止冒泡即可


    网上不少人说什么 catchtouchmove="true" 这样,可以没问题,其实 catchtouchmove="任何内容" 都行,只要知道 catch***是阻止冒泡的即可,最好还是跟我一样使用一个空函数,不然你就乖乖的看调试工具的警告吧,反正不影响程序运行,随便

新问题:

  • 弹窗内部的滚动区域也无法滚动???

    原因:弹窗内部滚动区域使用的 view 添加的 overflow: auto;

    解决方案1:将弹窗内部的滚动区域换成 scroll-view 组件并添加 scroll-y 属性

    其他解决方案:模仿 scroll-view 组件改 view ,没空,还是方案1简单,暂时先不研究,待补充

相关推荐
说私域7 小时前
开源AI智能名片链动2+1模式S2B2C商城小程序FAQ设计及其意义探究
人工智能·小程序
小小王app小程序开发7 小时前
短剧小程序 2025 核心痛点分析:内容、技术与合规的三重困境
小程序
fthux9 小时前
孩子的名字有救了
微信小程序·typescript·ai编程
276695829210 小时前
朴朴超市小程序分析
java·python·小程序·node·sign·朴朴超市·sign-v2
低代码布道师10 小时前
医疗小程序04添加就诊人
低代码·小程序
Best10 小时前
uniapp 微信小程序记录
微信小程序·小程序·uni-app
蒲公英源码13 小时前
基于PHP+Vue+小程序快递比价寄件系统
vue.js·小程序·php
小小王app小程序开发13 小时前
盲盒小程序一番赏创新玩法拓展:构建社交化集藏新生态
小程序
韩立学长15 小时前
【开题答辩实录分享】以《奇妙英语角小程序的设计与实现》为例进行答辩实录分享
小程序·php
wx_ywyy679816 小时前
小程序定制开发实战:需求拆解、UI 设计与个性化功能落地流程
小程序·小程序开发·小程序制作·小程序搭建·小程序设计·小程序定制开发·小程序开发搭建