ElementUI的el-dialog弹窗打开时css的bug

问题描述：el-dialog弹窗没打开时，页面有滚动条，会占据浏览器右侧15px左右的宽度。

 dialog打开之后，遮罩层占整个浏览器的宽度，且没有滚动条。网页头部滚动条消失，导致网页头部向右移动15px左右。每次打开dialog网页头部就向右移动；关闭dialog网页头部就向左移动。直接影响美观。

 

解决方法：在项目的入口文件添加以下css。

<style lang="scss">
// fix css style bug in open el-dialog
.el-popup-parent--hidden {
  .fixed-header {
    padding-right: 15px;
  }
}
</style>

 

来源：CSDN

作者：Queen-Shir

链接：https://blog.csdn.net/qq_36069339/article/details/103598016