这些滚动条是如何定制的？

Question

我正在尝试创建滚动条，如下面的网站：

我没有在代码中找到它，也没有在样式表中找到它。

你能告诉我这是如何实现的吗？

Answer 1

它正在利用WebKit的-webkit-scrollbar伪元素。完整的清单是：

• -webkit-scrollbar
• -webkit-scrollbar-button
• -webkit-scrollbar-track
• -webkit-scrollbar-track-piece
• -webkit-scrollbar-thumb
• -webkit-scrollbar-corner
• -webkit-resizer

此外，您可以在WebKit announcement中找到更多信息。此外，公告中列出了here is a direct link to the example。