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

Question

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

我怎样才能解决这个问题？

这是一个例子

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

Answer 1

试试这个，我想这会帮助你......

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