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

自定义弹窗

如图所示:

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

问题:

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


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

新问题:

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

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

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

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

相关推荐
2401_8979300640 分钟前
基于云开发的小程序留言板完整实战
小程序
diygwcom42 分钟前
自已实现一个远程打印方案 解决小程序或APP在外面控制本地电脑打印实现
小程序
低代码布道师44 分钟前
加油站小程序实战教程11会员注册
前端·javascript·低代码·小程序
ALLSectorSorft10 小时前
上门送水小程序区域代理模块框架设计
小程序
wuyijysx10 小时前
微信小程序 binding
微信小程序·小程序
ALLSectorSorft16 小时前
家政小程序预约系统框架设计
小程序
编程毕设17 小时前
【含文档+PPT+源码】基于微信小程序健康管理之健身房管理系统的设计与实现
微信小程序·小程序
暖阳_xm17 小时前
flex布局实现横向滚动
前端·css·微信小程序
咸虾米18 小时前
微信云开发支付配置绑定商户号时,无法发起授权,通过工作流或云开发模版解决支付问题
微信小程序
萌萌哒草头将军20 小时前
🚀惊了,这个国产软件居然这么牛,比 uniapp 还全能❤️
微信小程序·uni-app·小程序·云开发