div元素滚动,子元素出现跳动,怎么解决?

最近开发一下需求,手写弹框功能,为了居中,弹框css使用了以下样式

css 复制代码
.operation-report-over-view-dialog{
    height:calc(100% - 100px);
  min-height:300px;
  overflow: hidden;
  position:absolute;
  left:50%;
  top:50%;
  background:#FFFFFF;
  transform: translate(-50%,-50%);
  border-radius: 16px;
 }

operation-report-over-view-dialog盒子有滚动条时,子元素里的元素会出现跳动,查了一些资料,也使用了deepseek的相关建议,修改相关元素的overflow的值都没有解决,最后修改了operation-report-over-view-dialog盒子样式解决

css 复制代码
 height:calc(100% - 100px);
  min-height:300px;
  position:relative;
  margin:50px auto 50px;
  background:#FFFFFF;
  border-radius: 16px;

是position:absolute的原因导致的

相关推荐
一半醒20 分钟前
学习小记1:移动端css适配相关问题
css
wuhen_n20 分钟前
Promise与async/await
前端
LYFlied21 分钟前
前端路由核心原理深入剖析
前端
用户190176844786522 分钟前
vue3规范化示例
前端
用户190176844786523 分钟前
Git分支管理与代码合并实践:保持特性分支与主分支同步
前端
没有鸡汤吃不下饭42 分钟前
前端打包出一个项目(文件夹),怎么本地快速启一个服务运行
前端·javascript
liusheng1 小时前
Capacitor + React 的 iOS 侧滑返回手势
前端·ios
CUYG1 小时前
v-model封装组件(定义 model 属性)
前端·vue.js
子洋1 小时前
基于远程开发的大型前端项目实践
运维·前端·后端
用户35020158847481 小时前
基于react-routet v7 的配置式 + 约定式路由系统 第一步:引入react-routerv7
前端