网页滚动条样式修改

修改网页中侧边滚动条可以对如下几方面进行修改

• ::-webkit-scrollbar:滚动条整体
• ::-webkit-scrollbar-thumb:可拖拽区域
• ::-webkit-scrollbar-track:滚动条轨道
• ::-webkit-scrollbar-button:滚动条两端
• ::-webkit-scrollbar-corner:垂直水平滚动条交汇部分

具体兼容可参考

https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar

示例

效果图请前往 https://exampleliil.pages.dev/blog/20221221