溢出-y：滚动不在Chrome中显示滚动条 [英] Overflow-y: Scroll not showing scrollbar in Chrome

问题描述

我正在生成此页面左侧的组织列表： http：// www .ihhub.org / member-map /

此列表是通过追加< span> 标签，链接到相应的地图。

我的问题是 - 滚动条不出现在CHROME中，但出现在Firefox和Safari中。

任何解决方案？

更新： b
$ b

这个问题似乎是分离到MAC操作系统。

解决方案：

  ::  -  webkit -scrollbar {
 -webkit-appearance：none; 
 width：7px; 
} 
 ::  -  webkit-scrollbar-thumb {
 border-radius：4px; 
 background-color：rgba（0,0,0，.5）; 
 -webkit-box-shadow：0 0 1px rgba（255,255,255，.5）; 
 
  

解决方案

据 CSS - 溢出：滚动; - 总是显示垂直滚动条？：OSx Lion在未使用时隐藏滚动条，使其看起来更光滑，但同时出现您提到的问题：人们有时看不到div是否具有滚动功能或不。

CSS修正：

  ::  - webkit-scrollbar {
 -webkit-appearance：none; 
 width：7px; 
} 
 ::  -  webkit-scrollbar-thumb {
 border-radius：4px; 
 background-color：rgba（0,0,0，.5）; 
 -webkit-box-shadow：0 0 1px rgba（255,255,255，.5）; 
} 
  

I am generating a list of organisations of the left hand side of this page: http://www.ihhub.org/member-map/

This list is generated through appending <span> tags that are linked to the corresponding map.

My issue is - the scroll bar does not appear in CHROME but does appear in Firefox and Safari.

Any solutions?

UPDATE:

This issue appears to be isolated to MAC OS.

SOLUTION:

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

解决方案

According to CSS - Overflow: Scroll; - Always show vertical scroll bar?: OSx Lion hides scrollbars while not in use to make it seem more "slick", but at the same time the issue you addressed comes up: people sometimes cannot see whether a div has a scroll feature or not.

CSS fix:

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

这篇关于溢出-y：滚动不在Chrome中显示滚动条的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！