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'
相关推荐
耶啵奶膘3 小时前
uniapp——地图路线绘制map
uni-app
shadouqi3 小时前
uniapp实现图片预览,懒加载,下拉刷新等
uni-app
走,带你去玩4 小时前
uniapp 微信小程序水印
微信小程序·小程序·uni-app
菌菇汤7 小时前
uni-app实现单选,多选也能搜索,勾选,选择,回显
前端·javascript·vue.js·微信小程序·uni-app·app
CC同学呀14 小时前
从0到100:单位订餐统计小程序开发日记2025
小程序
某公司摸鱼前端14 小时前
uniapp socket 封装 (可拿去直接用)
前端·javascript·websocket·uni-app
遗憾随她而去.17 小时前
uniapp 中使用路由导航守卫,进行登录鉴权
前端·uni-app
666HZ66619 小时前
微信小程序中scss、ts、wxml
微信小程序·小程序·scss
二十十十十十20 小时前
微信点餐小程序—美食物
微信·小程序
向明天乄20 小时前
在小程序中实现实时聊天:WebSocket最佳实践
websocket·网络协议·小程序