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


当前回答

身体{身高:101%;}将“裁剪”较大的页面。

相反,我使用:

body { min-height:101%; }

其他回答

我是这样做的:

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

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

html {
    overflow-y: scroll;
}

这是你想要的吗?

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

在过去的几年里,情况发生了变化。以上答案不再适用于所有情况。苹果正在到处推广消失滚动条。Safari, Chrome甚至是MacOs(和iOs)上的Firefox在实际滚动时只显示滚动条-我不知道当前的Windows/IE。然而,Webkit上有一些非标准的方法来设置滚动条的样式(IE很久以前就放弃了)。

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

body {
    overflow-y: scroll;
}

身体{身高:101%;}将“裁剪”较大的页面。

相反,我使用:

body { min-height:101%; }