【UI】 elementui的dialog弹窗打开时CSS的BUG | 滚动条消失bug
这个问题可能是因为Element UI的Dialog组件在打开时会将body的overflow样式设置为hidden，以此来防止背景滚动，同时它会添加一个自定义的滚动条类。如果你在Dialog打开时发现滚动条消失了，可能是因为你的CSS中有一些样式规则覆盖了Element UI的默认行为。
解决方法：
- 确保你没有在全局样式中设置
body的overflow: hidden。 - 检查是否有其他样式规则覆盖了Element UI的滚动条样式。
- 如果你需要在Dialog打开时保持页面滚动，可以在打开Dialog之前将
body的overflow设置回auto或者移除这个设置。
示例代码：
// 打开Dialog前
document.body.style.overflow = 'auto';
// 关闭Dialog后
document.body.style.overflow = '';确保这段代码在打开和关闭Dialog时分别调用。如果你使用的是Vue.js，可以在对应的方法或计算属性中处理这些逻辑。
评论已关闭