【问题标题】:Chrome is auto hiding vertical scroll barChrome 会自动隐藏垂直滚动条
【发布时间】:2013-02-12 09:32:26
【问题描述】:

我有问题。

基本上,我有 3 个 div,一个主容器和两个 div,这将是主容器宽度的一半,如下所示:

<div id="main">
    <div id="col1"></div>
    <div id="cold2"></div>
</div>

#col1 {
  overflow-y: auto;
  width: 48%
}
#main {
  width: 100%
}
#col2 {
  width: 48%
}

看来,问题在于每次我动态地将内容添加到 Col1,并且我期待滚动条时,chrome 会创建它,但会隐藏它。所以我必须去元素并开始通过滚轮滚动才能看到它。有没有办法超越它?

【问题讨论】:

  • 忘了说,我的操作系统是 Mac。似乎 mac 会自动隐藏 OS Lion 的滚动条。要手动更改此选项,您必须转到系统偏好设置 -> 常规 -> 显示滚动条 -> 设置为始终。仍在考虑是否有办法通过 css 或 javascript 克服它。
  • 您可以查看 ::-webkit-scrollbar 以设置滚动条的样式以阻止它们隐藏。只是一个想法,但不确定它是否会奏效。
  • 但是如果你没有任何东西来限制 col1 的高度,它只会增长,所以它不需要滚动条......请记住,将溢出设置为自动意味着滚动条是'如果不需要它就在那里

标签: html css google-chrome overflow


【解决方案1】:

这是 Chrome 遵循的 Mac 设置。转到“系统偏好设置>常规”并将“显示滚动条”设置更改为“始终”

【讨论】:

  • 酷,谢谢。我的设置是“自动基于输入设备” - 我连接了鼠标和触控板,因此它始终显示滚动条...
  • 无论您的操作系统设置如何,他们现在似乎都在强制显示滚动条。
  • 告诉您的用户在使用您的网站之前更改他们的操作系统偏好不是解决方案。
猜你喜欢
  • 2013-10-26
  • 2020-01-13
  • 2010-12-14
  • 1970-01-01
  • 1970-01-01
  • 2017-02-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多