项目中实现自定义滚动条代码实现::-webkit-scrollbar{width:10px;高度:10px;}::-webkit-scrollbar-thumb{border-radius:50px;-webkit-box-shadow:inset005pxrgba(0,0,0,0.1);背景:#ccc;}::-webkit-scrollbar-thumb:hover{背景:#b4b4b4;}::-webkit-scrollbar-track{-webkit-box-shadow:inset005pxrgba(0,0,0,0.2);border-radius:8px;}代码属性分析首先,::-webkit-scrollbar这是一个非标准的特性,只在基于Blink或WebKit的浏览器(例如Chrome、Edge、Opera、Safari,所有浏览器在iOS和其他基于WebKit的浏览器上)。::-webkit-scrollbar定义垂直滚动条的宽度和水平滚动条的高度。::-webkit-scrollbar-thumb定义了滚动条本身的圆角、阴影、背景颜色和其他相关属性。
