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

自定义弹窗

如图所示:

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

问题:

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


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

新问题:

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

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

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

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

相关推荐
说私域8 小时前
社群招募文案的核心构建要点与工具赋能路径——基于AI智能名片链动2+1模式商城小程序的实践研究
人工智能·小程序·私域运营
_ZeroKing10 小时前
自制智能门锁:NFC 刷卡 + 小程序远程开锁(完整实战记录)
嵌入式硬件·小程序·notepad++·arduino
郑州光合科技余经理10 小时前
可独立部署的Java同城O2O系统架构:技术落地
java·开发语言·前端·后端·小程序·系统架构·uni-app
阿斌_bingyu70912 小时前
眼镜店AR在线试戴小程序技术解决方案
小程序·ar
计算机毕设指导612 小时前
基于微信小程序的智能停车场管理系统【源码文末联系】
java·spring boot·微信小程序·小程序·tomcat·maven·intellij-idea
2501_9339072113 小时前
如何选择西安优质小程序开发服务与本凡码农合作?
科技·微信小程序·小程序
说私域13 小时前
破局互联网产品开发困境:开源AI智能名片链动2+1模式S2B2C商城小程序的实践与启示
人工智能·小程序·开源·私域运营
宁夏雨科网1 天前
文具办公用品小程序商城,开发一个难吗
小程序·商城小程序·文具小程序·文具商城
说私域1 天前
开源链动2+1模式商城小程序在深度分销数字化转型中的应用研究
人工智能·小程序·开源·流量运营·私域运营
咖啡の猫1 天前
微信小程序案例 - 自定义 tabBar
微信小程序·小程序·notepad++