前言
在网页开发中,弹框组件是不可或缺的一部分,但是你是否遇到过因为弹框组件导致页面抖动的问题呢?别担心,今天我们就来探讨一下如何解决这个烦人的问题。
问题描述图
通过上图我们可以很明显的看出来,页面会随着弹框的出现和关闭一直抖动,这是为什么呢?
原因分析:
其实发生该问题的原因非常简单,当弹框出现时,会导致页面的滚动条隐藏,然而关闭弹框时,滚动条又会重新出现,由于滚动条的隐藏和出现,也就导致了页面会抖动的问题。
解决方案:
解决该问题的方法也很简单,我们只需要在入口配置文件中加上以下代码即可全局生效。
//main.js
ElementUI.Dialog.props.lockScroll.default = false;
最终效果