当用户访问网页时(当页面没有足够的内容来触发滚动条的激活),需要什么CSS来使浏览器的垂直滚动条保持可见?


当前回答

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

这使得滚动条始终可见,只在需要时才活动。

更新:如果以上不工作,那么只是使用这个可能。

html {
    overflow-y:scroll;
}

其他回答

html {
    overflow-y: scroll;
}

这是你想要的吗?

不幸的是,当应用于HTML或BODY时,Opera 9.64似乎忽略了CSS声明,尽管它适用于其他块级元素,如DIV。

我是这样做的:

html {
    margin-left: calc(100vw - 100%);
    margin-right: 0;
}

这样,我就不必在不需要滚动条时查看丑陋的灰色滚动条了。

另一种方法是将html元素的宽度设置为100vw。在许多(如果不是大多数)浏览器上,这抵消了滚动条对宽度的影响。

html { width: 100vw; }

我可以通过将它添加到body标签来让它工作。对我来说更好,因为html元素上没有任何东西。

body {
    overflow-y: scroll;
}
html { height:initial!important; }

你可能不需要!important -这取决于使用的是什么CSS。