【问题标题】:How do I force a vertical scrollbar to appear? [duplicate]如何强制显示垂直滚动条? [复制]
【发布时间】:2014-09-02 05:22:26
【问题描述】:

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

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

【问题讨论】:

  • (有点离题抱歉)我现在使用堆栈溢出已经有一段时间了,我经常发现像这样的问题和答案被标记为重复,但实际上比“原件”更有帮助。也许我们应该在标记重复之前考虑一下
  • @RomainVincent 每次我得到这个问题的代表时,我都会一直笑,而且我仍然经常这样做。我投票结束的最成功的问题:)

标签: css margin


【解决方案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;
}

【讨论】:

  • 这不是强制滚动条“出现”,它只是增加了一个滚动条。
猜你喜欢
  • 2010-11-26
  • 2014-07-02
  • 1970-01-01
  • 2011-06-14
  • 1970-01-01
  • 2010-10-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多