Overflow-y:滚动显示Chrome中的滚动条

Question

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

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

我的问题是 - 滚动条没有出现在CHROME中,但确实出现在Firefox和Safari中.

有解决方案吗

更新:

此问题似乎与MAC OS隔离.

解:

::-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);
}

Answer 1

根据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);
}

Answer 2

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