如何强制显示垂直滚动条？ [复制]

Posted 2023-03-06

【中文标题】如何强制显示垂直滚动条？ [复制]

【英文标题】：How do I force a vertical scrollbar to appear? [duplicate]

【发布时间】：2014-09-02 05:22:26

【问题描述】：

我的网站有很短和很长的页面。由于我在视口中以margin: 0 auto 为中心，因此当从具有滚动条的页面切换到没有滚动条的页面时，它会跳跃几个像素，反之亦然。

有没有办法强制垂直滚动条始终出现，以便我的网站在浏览时保持原样？

【问题讨论】：

（有点离题抱歉）我现在使用堆栈溢出已经有一段时间了，我经常发现像这样的问题和答案被标记为重复，但实际上比“原件”更有帮助。也许我们应该在标记重复之前考虑一下

@RomainVincent 每次我得到这个问题的代表时，我都会一直笑，而且我仍然经常这样做。我投票结束的最成功的问题:)

【参考方案1】：

html  overflow-y: scroll; 

这条css 规则会导致垂直滚动条始终出现。

来源：http://css-tricks.com/snippets/css/force-vertical-scrollbar/

【讨论】：

在 Mac OS 上的 Chrome 中，这不会导致滚动条“出现”，它只会导致它“存在”。

我一直是这样做的：.element overflow-y: visible;我知道非常简单...

visible means something else: 内容没有被剪裁，可能会在填充框外渲染

【参考方案2】：

给你的body标签一个overflow: scroll;

body 
    overflow: scroll;

或者如果您只想要一个垂直滚动条，请使用overflow-y

body 
    overflow-y: scroll;

【讨论】：

这不是强制滚动条“出现”，它只是增加了一个滚动条。