响应式网站建设对企业营销,成都百度推广联系方式,响应式网站建设必推全网天下,山东网站建设公司电话问题描述#xff1a;
在弹出el-dialog时#xff0c;会发现弹出框弹出时#xff0c;页面会抖动#xff0c;滚动条被遮罩层覆盖直接没有滚动条了#xff0c;导致页面缩小了几个像素点#xff08;滚动条的宽度#xff09;#xff1b;体验感不好#xff0c;会影响到页面的…问题描述
在弹出el-dialog时会发现弹出框弹出时页面会抖动滚动条被遮罩层覆盖直接没有滚动条了导致页面缩小了几个像素点滚动条的宽度体验感不好会影响到页面的布局且页面有的fixed定位的内容也会随着遮罩层的出现移动几个像素点 后来我找了一下页面具体样式变化发现弹框在出现时会对页面的滚动条进行处理给body增加额外的样式类可以找到样式类重写方法1但是容易影响页面整体不急不推荐。更直接的办法参考 方法2直接不让遮罩层罩盖滚动条滚动条正常展示但是这样的话即使有遮罩层用户也能正常拉动滚动条
解决方法
方法1
在全局设置 body 的 padding-right: 0 !important不推荐虽然可以解决问题但是影响了页面的布局效果
方法2
在main.js中找到引入element的地方举个例子
import Element from element-ui;
import element-ui/lib/theme-chalk/index.css;Element.Dialog.props.lockScroll.default false;
