因滚动条出现而导致页面晃动的解决方案
作者：互联网
因滚动条出现而导致页面晃动的解决方案
这两天因为oa主页为了消除晃动的影响给body下的div加了一个{min-height:960}，可是产品对底部出现的大片空白不满意，而且如果换了超大屏幕这个最小高度还是会出问题，最后去网上百度了这么一个方法，下面的的代码加到CSS文件中就可以了，非常好用。
html{overflow-y:scroll;}
overflow-y 属性规定是否对内容的上/下边缘进行裁剪 - 如果溢出元素内容区域的话。
| 值 | 描述 | 测试 |
|---|---|---|
| visible | 不裁剪内容，可能会显示在内容框之外。 | 测试 |
| hidden | 裁剪内容 - 不提供滚动机制。 | 测试 |
| scroll | 裁剪内容 - 提供滚动机制。–无溢出时滚动条显示为灰色不可用，溢出时正常 | 测试 |
| auto | 如果溢出框，则应该提供滚动机制。—容易造成页面因滚动条时有时无而左右晃动 | 测试 |
| no-display | 如果内容不适合内容框，则删除整个框。 | 测试 |
| no-content | 如果内容不适合内容框，则隐藏整个内容。 | 测试 |
标签：晃动,解决方案,裁剪,滚动条,内容,测试,溢出,页面 来源： https://blog.csdn.net/qsj0606/article/details/115891673