CSS 强制页面出现垂直滚动条，隐藏水平滚动条

广告

通常情况下，我们会根据页面内容的多少来自动决定是否显示滚动条。但在某些情况下，希望即使内容不溢出，也能强制显示滚动条，保证页面布局的一致性。可参考以下代码：

html {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden; /* 隐藏水平滚动条 */
}

强制显示垂直滚动条适用于一些固定布局的网站或应用。例如，如果页面滚动条突然消失或出现，可能会导致元素位置发生偏移。这种方式通过保证滚动条的稳定显示，可避免此类问题。