在Vue3项目中，可以通过在全局样式文件中添加相应的CSS代码来实现全局设置滚动条样式这样，整个项目中的滚动条都会应用这些样式综上所述，全局设置滚动条样式是一个相对简单但功能强大的操作，通过CSS的伪元素可以轻松实现但需要注意的是，由于浏览器兼容性的限制，可能需要针对不同浏览器进行不同的。

CSS代码cssbodyafter content quotquotposition fixedtop 5px * 可根据需要调整进度条与顶部的距离 *left 0bottom 0right 0background #fffzindex 1 * 确保伪元素位于背景之下 *调整渐变高度为了确保滚动到底部时进度条也能到达底部，需要调整。

自动显示滚动条test 2，自己定义滚动条的颜色 我们一般默认的滚动条样式如下左图，右图是放大了1600倍的样子，我们可以看到滚动条有几种言责组合的，我给他们标了7个号，分别注释在下面的css代码的后面了，注意css的注释代码是放在两个斜杠内的两个星号之间，如*这里放注释的代码* Body scrollbar。

CSS改变流动条的样式，代码如下scrollbarfacecolor#FEFAF1 立体滚动条凸出部分的颜色 scrollbarhighlightcolor#FEFAF1 滚动条空白部分的颜色 scrollbarshadowcolor#FEFAF1 立体滚动条阴影的颜色 scrollbararrowcolor#E6C3B9上下按钮上三角箭头的颜色 scrollbarbasecolor。