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

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

自定义弹窗

如图所示:

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

在这里插入图片描述

问题:

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

新问题:

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

    在这里插入图片描述

相关文章:

  • Web APIs——日期对象的使用
  • 实习常用代码——【js】
  • C++ Qt QLineEdit如何响应回车事件
  • git push 部分 commit
  • qt 系列(二)---qt designer通过设置控件样式表进行背景颜色设置
  • CentOS 安装 Hadoop Local (Standalone) Mode 单机模式
  • OpenLayers实战,OpenLayers结合下拉菜单实现城市切换,动态切换城市边界到地图视图视角范围内
  • 视频号的视频怎么保存到相册,第三方工具快速下载保存!
  • Linux上编译sqlite3库出现undefined reference to `sqlite3_column_table_name‘
  • 【硬件中断和软件中断的区别】
  • Unity AssetBundle打包
  • 智能井盖传感器有哪些?万宾科技智能井盖效果
  • 《golang设计模式》第三部分·行为型模式-02-命令模式(Command)
  • 分享一下怎么做小程序营销活动
  • 网上办理流量卡还需要填写身份证号?你想要的答案来了。
  • 【React系列】如何构建React应用程序
  • java中具有继承关系的类及其对象初始化顺序
  • Nodejs和JavaWeb协助开发
  • node-sass 安装卡在 node scripts/install.js 解决办法
  • Python连接Oracle
  • Selenium实战教程系列(二)---元素定位
  • Solarized Scheme
  • storm drpc实例
  • 百度地图API标注+时间轴组件
  • 不发不行!Netty集成文字图片聊天室外加TCP/IP软硬件通信
  • 动态规划入门(以爬楼梯为例)
  • 聊聊springcloud的EurekaClientAutoConfiguration
  • 猫头鹰的深夜翻译:JDK9 NotNullOrElse方法
  • 每个JavaScript开发人员应阅读的书【1】 - JavaScript: The Good Parts
  • 前端之Sass/Scss实战笔记
  • 时间复杂度与空间复杂度分析
  • 通过npm或yarn自动生成vue组件
  • 推荐一款sublime text 3 支持JSX和es201x 代码格式化的插件
  • 一文看透浏览器架构
  • 再次简单明了总结flex布局,一看就懂...
  • 自制字幕遮挡器
  • ​软考-高级-系统架构设计师教程(清华第2版)【第9章 软件可靠性基础知识(P320~344)-思维导图】​
  • #NOIP 2014# day.1 T2 联合权值
  • (力扣记录)1448. 统计二叉树中好节点的数目
  • (十八)用JAVA编写MP3解码器——迷你播放器
  • (四)TensorRT | 基于 GPU 端的 Python 推理
  • (转)IIS6 ASP 0251超过响应缓冲区限制错误的解决方法
  • .desktop 桌面快捷_Linux桌面环境那么多,这几款优秀的任你选
  • .NET Core 将实体类转换为 SQL(ORM 映射)
  • .net 调用php,php 调用.net com组件 --
  • .net获取当前url各种属性(文件名、参数、域名 等)的方法
  • /proc/vmstat 详解
  • @Autowired和@Resource装配
  • @property括号内属性讲解
  • [BUUCTF NewStarCTF 2023 公开赛道] week4 crypto/pwn
  • [C#]winform使用引导APSF和梯度自适应卷积增强夜间雾图像的可见性算法实现夜间雾霾图像的可见度增强
  • [C#]科学计数法(scientific notation)显示为正常数字
  • [caffe(二)]Python加载训练caffe模型并进行测试1
  • [CISCN2019 华北赛区 Day1 Web5]CyberPunk --不会编程的崽
  • [Eclipse] 详细设置护眼背景色和字体颜色并导出