Webkit 在使元素可见后不呈现自定义滚动条

Webkit not rendering custom scrollbars after making the element visible

本文关键字：自定义 滚动条 元素 Webkit      更新时间：2023-09-26

我有一个带有自定义webkit滚动条的页面。正文上的内联样式具有可见性：隐藏，并且在 JavaScript 中设置为可见，但是除非您弄乱窗口的大小（或最后我链接的笔中的预览帧），否则不会绘制滚动条。我已经在Windows上的Chrome 29和Mac上的Safari 6.0.5上尝试过。

我该如何解决这个问题？

下面是一个示例

如果在新选项卡中打开它，请确保刷新它，以便选项卡在呈现时处于活动状态，否则将显示滚动条。

试试这个，我想这会对你有所帮助......

::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-button { background-color: #666; }
::-webkit-scrollbar-track { background-color: #999; }
::-webkit-scrollbar-track-piece { background-color: #ffffff; }
::-webkit-scrollbar-thumb { height: 50px; background-color: #4CC417; border-radius: 3px; }
::-webkit-scrollbar-corner { background-color: #999; }
::-webkit-resizer { background-color: #666; }
相关文章：