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

uniapp 禁止遮罩层下的页面滚动

使用 @touchmove.stop.prevent="toMoveHandle" 事件修饰符

若需要禁止蒙版下的页面滚动,可使用 @touchmove.stop.prevent="moveHandle",moveHandle 可以用来处理 touchmove 的事件,也可以是一个空函数。将这个方法直接丢到弹窗的最外层 view 就好了,虽然在编译器上的滚轮依旧可以滚动,但真机环境下的手指滑动无法再触发。

为兼容各端,事件需使用 @ 的方式绑定,请勿使用小程序端的 bind 和 catch 进行事件绑定;也不能在 JS 中使用 event.preventDefault() 和 event.stopPropagation() 方法。

注意:如果使用 uview 之类的 ui 框架,@touchmove.stop.prevent 必须放在底层的 view 上面。由于大部分的 ui 框架结构复杂,很容易不生效,建议自己写一个遮罩层再加上这个事件,这样的话就能正常生效了。

<!-- 弹窗 -->
<view class="pop-box" @touchmove.stop.prevent="toMoveHandle"></view>
toMoveHandle() {},

更多可参考:介绍 | uni-app官网

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

相关文章:

  • postgresql 分组
  • RT1052的EPWM
  • k8s 安装istio (一)
  • vue 项目在编译时,总是出现系统崩的状态,报错信息中有v7 或者 v8 的样式-项目太大内存溢出
  • 低功耗蓝牙射频指纹识别
  • 怎么检测UI卡顿?(线上及线下)
  • Git 常用操作
  • 前端修改新增操作导致数据删除——js精度丢失
  • winform使用usercontrol 构建了一个复杂的列表,列表速度慢该如何优化?
  • Lnton羚通算法算力云平台如何在OpenCV-Python中使用cvui库创建复选框
  • 中项系统集成项目管理知识点汇总
  • Docker容器:docker基础及网络
  • Django实现音乐网站 ⑿
  • ORB-SLAM2学习笔记10之图像关键帧KeyFrame
  • 【ownCloud】添加信任域
  • C++--类型转换
  • 在服务器上部署 Nginx 并设置图片服务器
  • 使用NXP GUI GUIDER生成的GUI移植到雅特力MCU平台过程详解(ST/GD/国民/极海通用)
  • JVM——配置常用参数,GC调优策略
  • 使用IDEA把Java程序打包成jar
  • 元宇宙和数字孪生的异同探究
  • 初识微服务
  • 数据库锁的分类 各种锁
  • MySQL数据库软件
  • 无涯教程-PHP - preg_match_all()函数
  • Docker 练习2 安装MySQL
  • AndroidStudio 编译报错Unable to make field private final
  • linux 上安装es
  • 自然语言处理从入门到应用——LangChain:索引(Indexes)-[文本分割器(Text Splitters)]
  • Chrome如何安装插件(文件夹)