vue 使用element-ui的el-dialog时由于滚动条隐藏和出现导致页面抖动问题的解决_vue切换页面时滚动条会先隐藏再出现导致页面抖动

作者：爱喝兽奶帝天荒 | 2024-06-30 04:35:01

踩

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);

如图：

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：【wpsshop博客】

vue 使用element-ui的el-dialog时 由于滚动条隐藏和出现导致页面抖动问题的解决_vue切换页面时滚动条会先隐藏再出现导致页面抖动