HTML出现频繁抖动问题

出现问题

windows的Edge出现页面抖动。windows Google，Mac （safari，Google）浏览器都没出现。

问题排查

在项目中遇到了打开列表或者详情页出现页面抖动的问题，经过排查发现是页面横向和竖向滚动条的问题，就是内容高度变化了，导致浏览器出现了竖向滚动条，随之内容高度正常，一开始只复现一次很难定位，后面发现一个列表页一直抖动。

问题定位

一直存在抖动问题，高度一直在改变，显然就是页面有元素一直在改变了，因为项目使用element-ui的table，并且单元格的一个字段设置了el-tooptip做悬浮显示，因浏览器内核的性能问题，导致css的position定位，display的样式没有及时渲染，导致body的高度被撑开

问题解决

针对这个问题，因为项目的页面都一屏滚动显示，所有直接在body上限制了overflow-y: hidden;