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

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'
相关推荐
weixin_lynhgworld3 小时前
盲盒抽卡机小程序系统开发:连接线上线下娱乐新桥梁
小程序·娱乐
程知农3 小时前
uniapp_微信小程序_根据胶囊按钮计算出的导航栏高度为什么不是44px?
微信小程序·小程序·uni-app
鲲鹏猿6 小时前
微信小程序——早餐小程序
微信小程序·小程序
说私域7 小时前
基于开源AI智能名片链动2+1模式与S2B2C商城小程序的微商品牌规范化运营研究
人工智能·小程序·开源
2501_915909067 小时前
iOS 加固工具实战解析,主流平台审核机制与工具应对策略
android·ios·小程序·https·uni-app·iphone·webview
The_era_achievs_hero7 小时前
UniappDay04
vue.js·微信小程序·uni-app
2501_915106329 小时前
iOS WebView 调试实战,第三方脚本加载失败与内容安全策略冲突问题排查指南
android·ios·小程序·https·uni-app·iphone·webview
paopaokaka_luck14 小时前
基于SpringBoot+Uniapp的健身饮食小程序(协同过滤算法、地图组件)
前端·javascript·vue.js·spring boot·后端·小程序·uni-app
前端程序猿-秦祥14 小时前
uniapp拦截返回事件
uni-app
雪芽蓝域zzs17 小时前
uniapp input 如何只读禁用输入可点击
uni-app