因滾動條出現而導致頁面晃動的解決方案

這兩天因為oa主頁為了消除晃動的影響給body下的div加了一個{min-height:960}，可是產品對底部出現的大片空白不滿意，而且如果換了超大屏幕這個最小高度還是會出問題，最后去網上百度了這么一個方法，下面的的代碼加到CSS文件中就可以了，非常好用。

html{overflow-y:scroll;}

overflow-y 屬性規定是否對內容的上/下邊緣進行裁剪 - 如果溢出元素內容區域的話。

值描述測試

visible	不裁剪內容，可能會顯示在內容框之外。	測試
hidden	裁剪內容 - 不提供滾動機制。	測試
scroll	裁剪內容 - 提供滾動機制。–無溢出時滾動條顯示為灰色不可用，溢出時正常	測試
auto	如果溢出框，則應該提供滾動機制。—容易造成頁面因滾動條時有時無而左右晃動	測試
no-display	如果內容不適合內容框，則刪除整個框。	測試
no-content	如果內容不適合內容框，則隱藏整個內容。	測試

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的因滚动条出现而导致页面晃动的解决方案的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。