Chrome是自动隐藏垂直滚动条

基本上，我有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，我期待一个滚动条，铬创建它，但隐藏它。所以我必须去元素并开始通过轮子滚动才能看到它。有没有办法让它过度骑呢？

来源

2013-02-26 theintersect

忘了提及，我的操作系统是Mac。似乎mac自动隐藏OS Lion的滚动条。要手动超过这个，你必须去系统首选项 - >常规 - >显示滚动条 - >设置为始终。还在想如果有一种方法可以通过CSS或JavaScript来完成。 – theintersect 2013-02-26 19:36:33

您可以看看:: webkit-scrollbar，以便设置滚动条的样式来阻止它们隐藏。只是一个想法，不确定它会工作。 – 2013-02-26 19:48:38

但是，如果您没有任何可以保持col1高度有限的内容，它只会增长，所以它不需要滚动条......请记住，将溢出设置为auto意味着滚动条不在那里，如果它不是需要 – vals 2013-03-11 19:40:27

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

来源

2014-04-04 14:34:09 jamesbishopp

酷，thx 。我的设置是“自动基于输入设备” - 我有一个鼠标和触控板连接，所以它始终显示滚动条... – 2014-07-31 08:14:29

似乎他们现在迫使滚动条出现，无论您的操作系统设置。 – 2016-08-17 00:37:15

告诉您的用户在使用您的网站之前更改其操作系统偏好不是解决方案。 – 2017-08-23 18:40:03

Chrome是自动隐藏垂直滚动条

回答

相关问题