因滚动条出现而导致页面晃动的解决方案

2021/4/20 10:28:37

编程Tag： 裁剪页面溢出滚动条测试内容解决方案晃动

本文主要是介绍因滚动条出现而导致页面晃动的解决方案，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

这两天因为oa主页为了消除晃动的影响给body下的div加了一个{min-height:960}，可是产品对底部出现的大片空白不满意，而且如果换了超大屏幕这个最小高度还是会出问题，最后去网上百度了这么一个方法，下面的的代码加到CSS文件中就可以了，非常好用。

 html{overflow-y:scroll;}

overflow-y 属性规定是否对内容的上/下边缘进行裁剪 - 如果溢出元素内容区域的话。

值	描述	测试
visible	不裁剪内容，可能会显示在内容框之外。	测试
hidden	裁剪内容 - 不提供滚动机制。	测试
scroll	裁剪内容 - 提供滚动机制。–无溢出时滚动条显示为灰色不可用，溢出时正常	测试
auto	如果溢出框，则应该提供滚动机制。—容易造成页面因滚动条时有时无而左右晃动	测试
no-display	如果内容不适合内容框，则删除整个框。	测试
no-content	如果内容不适合内容框，则隐藏整个内容。	测试

这篇关于因滚动条出现而导致页面晃动的解决方案的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！