css恒定显示垂直滚动条而不加倍

Question

我一直在阅读谷歌上关于如何保持overflow-y scrollbar始终可见的主题的其他问题和结果，以防止页面之间的任何尴尬过渡，如果一页很长，并且一页很短。

大多数答案都提出了以下解决方案：

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;
}