前一个小节的内容中介绍了如何实现折叠和展开侧边栏的功能,这个小节来学习一下,如何全局设置滚动条的样式。 Vue3项目开发(微信文章集合) 1.1、运行效果 自定义滚动条的样式效果,如下图所示: 1.2、滚动条样式 有些情况下,我们可能会觉得浏览器默认的滚动条样式不好看,那有没有办法修改一下滚动条的样式呢?答案是有的。 自定义滚动条样式也非常简单,只需要通过几行CSS样式代码,就可以自定义滚动条的样式。核心样式代码如下所示: /*定义全局变量*/