42. 自定义滚动条

自定义滚动条

为具有可滚动溢出的元素自定义滚动条样式。

• 使用 ::-webkit-scrollbar 来设置滚动条元素的样式。
• 使用 ::-webkit-scrollbar-track 来设置滚动条轨道(滚动条的背景)的样式。
• 使用 ::-webkit-scrollbar-thumb 来设置滚动条拇指(可拖动的元素)的样式。

💬 注意：滚动条样式似乎并没有在任何标准轨道上。这个技巧只适用于基于 WebKit 的浏览器。

<div class="custom-scrollbar">