vue 使用element-ui的el-dialog时由于滚动条隐藏和出现导致页面抖动问题的解决_vue弹窗滚动条消失页面抖动

作者：Guff_9hys | 2024-06-30 04:43:54

踩

vue弹窗滚动条消失页面抖动

接手之前老项目修改为el-scrollbar组件但是height:100%以及overflow:hidden设置，影响到监听 $(window).scrollTop()值显示回到顶部按钮，并且影响到路由跳转页面跳转时新页面定位在页面顶部功能，bug更多了，面向百度编程后发现一大神解决方法：

找到”main.js“，入口文件，

element ui 已经引入，配置一下，如下值：

import ElementUI from ‘element-ui’;

ElementUI.Dialog.props.lockScroll.default = false;

Vue.use(ElementUI);

原文链接：https://blog.csdn.net/weixin_43292953/article/details/108000625
如图
在这里插入图片描述

本文内容由网友自发贡献，转载请注明出处：https://www.wpsshop.cn/w/Guff_9hys/article/detail/771423

vue 使用element-ui的el-dialog时 由于滚动条隐藏和出现导致页面抖动问题的解决_vue弹窗滚动条消失页面抖动