html - css 不断显示垂直滚动条而不加倍

Question

我一直在阅读有关如何保持 overflow-y 滚动条 始终可见的主题的其他问题和结果，这些问题和结果在 google 上找到，以防止页面之间出现任何尴尬的转换(如果一页)很长，一页很短。

大多数答案中建议了以下解决方案:

html {
overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;
}

这确实使滚动条在通常不会有滚动条的短页面上可见，但在有滚动条的长页面上，它会创建两个滚动条。一种是可滚动的，另一种是灰色的。

我想这个解决方案可能在过去有效，并且可能是新的浏览器版本以不同的方式处理它。

目前是否有任何方法可以在所有页面上显示一个垂直滚动条，而不管它是否可滚动？

body {
background: none repeat scroll 0 0 #FFF;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 1.5;
margin: 0;
padding: 0;
position: relative;
overflow: auto;
height: 100%;
}

Answer 1

改变

html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}   

对此

body {
    overflow-y: scroll;
}