css滚动条美化如何使用CSS样式化滚动条

　　截至2020年，96%的互联网用户使用支持CSS滚动条样式的浏览器。但是，您需要编写两套CSS规则来覆盖Blink和WebKit以及Firefox浏览器。

　　这个规范与-webkit-scrollbar规范共享一些控制滚动条颜色的共同点。然而，目前还不支持修改“跟踪滑块”的填充和圆角。

　　Blink和WebKit浏览器将忽略它们不认识的规则，并应用-webkit-scrollbar规则。Firefox浏览器将忽略它们不认识的规则，并应用CSS滚动条规则。一旦Blink和WebKit浏览器完全废弃-webkit-scrollbar规范，它们将优雅地回退到新的CSS滚动条规范。

　　也可以通过隐藏默认滚动条并使用JavaScript检测高度和滚动位置来模拟滚动条。然而，这些方法在复制惯性滚动（例如通过触控板滚动时的衰减运动）方面存在局限性。