解决页面抖动

原文地址：#yyds干货盘点# vue页面抖动/晃动_青城幻影的技术博客_51CTO博客

问题描述

大家可以看到这个页面我在打开页面引用完项目以后页面就会不停的晃动，由于本人不会做GIF图片，所以可能看不到效果，但是遇到同样问题的小伙伴应该能懂！

解决办法
直接在全局去设置样式

html, body {
  height: 100%;
  overflow: auto;
  margin: 0;
}
html{
  overflow-y: auto;
}

别急，如果不起作用的话还有一种办法，就是在当前页面的body样式中去设置，如果还是不行的话把style里面的scoped去掉应该就可以了

<style scope>
body{
  padding-right: 0px !important;
  overflow: hidden;
}
</style>
如果按照上述的设置不会起到作用，因为"<style scope>"中将css样式设定为局部的。所以需要将"scope"去掉。

这是我解决vue+element-ui项目中的页面抖动的方式，希望可以帮到大家！