在使用elementUI过程中,当dialog对话元素过多长处浏览器高度是,点击标题就会跳成如下图这样,上方会被遮挡且无法拖动上去:

解决方法是通过设置css固定top及left禁止拖动,核心css代码:
/deep/.el-dialog {
top: 15% !important;
left: 0 !important;
}
本文介绍如何在ElementUI中处理长对话框导致的顶部遮挡问题,通过CSS代码调整对话框位置并锁定其滚动,确保用户体验。
在使用elementUI过程中,当dialog对话元素过多长处浏览器高度是,点击标题就会跳成如下图这样,上方会被遮挡且无法拖动上去:

解决方法是通过设置css固定top及left禁止拖动,核心css代码:
/deep/.el-dialog {
top: 15% !important;
left: 0 !important;
}

被折叠的 条评论
为什么被折叠?