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

Question

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

我该如何解决这个问题？

Here's an example

如果在新标签页中打开它，请确保刷新它以使标签在渲染时处于活动状态，否则会出现滚动条。

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