当前位置： 首页 > article >正文

uniapp中uni-popup在小程序中滚动穿透问题

article 2025/2/22 23:11:45

uniapp中uni-popup在小程序中滚动穿透问题


官网例子
使用场景，在小程序中一个页面内容很长，点击某一项需要弹框，这个弹框需要定位在一定位置，下面的页面不需要滚动
1.直接在模板中添加 

<template>
   <page-meta :page-style="controlStyle" ></page-meta>
</template>

2在data中定义数据

 data() {
    return {
        controlStyle: 'overflow:auto',
    }
  },

3.在触发弹窗打开的时候赋值

 this.controlStyle = 'overflow:hidden'

4.弹窗关闭时再次赋值回来，保证页面正常滚动

 this.controlStyle = 'overflow:auto'

http://www.kler.cn/a/410020.html

相关文章：

  • 不同查询构建器的使用方式（Mybatis、Mybatis-Plus、Mybatis-Flex、Spring Data JPA、QueryDsl）
  • Softing线上研讨会 | Ethernet-APL：推动数字时代的过程自动化
  • 用PythonSudio在控件中添加、删除控件，并传递参数（以ScrollBox中添加删除按钮为例）
  • 应用系统开发（14) 涡流检测系统硬件设计
  • 室内定位论文速递（11.23-11.25）
  • 微信小程序WXSS全局样式与局部样式的使用教程
  • 基于 Docker 的持续集成/持续交付（CI/CD）流水线构建实战
  • idea-java项目中的全部接口提取
  • 质量留住用户：如何通过测试自动化提供更高质量的用户体验
  • 五、数组基本使用方法
  • unordered_set 和unordered_map的模拟实现（使用开散列）
  • 基于物联网的农业环境监测系统开发（本科毕业论文）
  • 对象排序得到方式
  • 蒙特卡洛方法(Monte Carlo，MC)
  • 音视频基础扫盲之视频码率控制策略（CBR、VBR还是ABR）
  • c API【MySQL】
  • 项目缓存之Caffeine咖啡因
  • 【数据分析】认清、明确
  • Oracle 深入学习 Part 7: Maintaining Online Redo Log Files（维护联机重做日志文件）
  • Linux网络编程----使用多进程实现并发服务器