Overflow-y：在 Chrome 中滚动不显示滚动条

Question

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

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

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

任何解决方案？

更新：

此问题似乎与 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);
}

原文由 Graham Cairns 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

根据 CSS - Overflow: Scroll; - 总是显示垂直滚动条？ ：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);
}

原文由 Graham Cairns 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

我看到滚动条很好。如果您使用的是 Mac，您可能需要确保始终显示滚动条

原文由 Timo 发布，翻译遵循 CC BY-SA 3.0 许可协议