title: 网页滚动条样式修改
date: 2022-12-21 16:03:45
tags: ['Css']
categories: ["前端篇"]
修改网页中侧边滚动条可以对如下几方面进行修改
- ::-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
标签：网页,样式,滚动条,修改,scrollbar,webkit From： https://www.cnblogs.com/plumliil/p/17342457.html