使主滚动条始终可见

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

当前回答

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

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

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

html {
    overflow-y:scroll;
}

其他回答

我是这样做的:

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

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

html {
    overflow-y: scroll;
}

这是你想要的吗?

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

body { 
    min-height: 101vh; 
}

这对我来说是最好的

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

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

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

html {
    overflow-y:scroll;
}

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

相反，我使用:

body { min-height:101%; }

推荐文章