全部 / 前端 / 技术 · 2022年4月17日 0

webkit 自定义滚动条

广告位招租 (vx: ghostcode, 备注:网站广告)

浏览器自带的滚动条有点丑,有时候需要自定义来达到整体的美观效果。

这里主要介绍 webkit 的自定义:

::-webkit-scrollbar              { /* 1 */ }
::-webkit-scrollbar-button       { /* 2 */ }
::-webkit-scrollbar-track        { /* 3 */ }
::-webkit-scrollbar-track-piece  { /* 4 */ }
::-webkit-scrollbar-thumb        { /* 5 */ }
::-webkit-scrollbar-corner       { /* 6 */ }
::-webkit-resizer                { /* 7 */ }

相关文章:

  1. https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar
  2. https://css-tricks.com/custom-scrollbars-in-webkit/
  3. https://webkit.org/blog/363/styling-scrollbars/