【干货分享】解决element弹框组件导致页面抖动问题_页面弹框打开一直在抖

作者：Monodyee | 2024-06-09 02:52:06

踩

页面弹框打开一直在抖

前言

在网页开发中，弹框组件是不可或缺的一部分，但是你是否遇到过因为弹框组件导致页面抖动的问题呢？别担心，今天我们就来探讨一下如何解决这个烦人的问题。

在这里插入图片描述

通过上图我们可以很明显的看出来，页面会随着弹框的出现和关闭一直抖动，这是为什么呢？

其实发生该问题的原因非常简单，当弹框出现时，会导致页面的滚动条隐藏，然而关闭弹框时，滚动条又会重新出现，由于滚动条的隐藏和出现，也就导致了页面会抖动的问题。

解决该问题的方法也很简单，我们只需要在入口配置文件中加上以下代码即可全局生效。

//main.js
ElementUI.Dialog.props.lockScroll.default = false;
1
2

最终效果

在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Monodyee/article/detail/692281