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

Question

我一直在阅读在 google 上找到的其他问题和结果，主题是如何保持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;
}