ArmadaDK的博客

结果图难点及其实现滚动条自定义：.card::-webkit-scrollbar {width: 4px;}.card::-webkit-scrollbar-thumb {border-radius: 8px;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: #666666;}.card::-webkit-scrollbar-thumb:hover {background: #333333;}鼠标点击样式样式图

逻辑很简单，就是滚轮滚动这个转盘也跟着滚动，中间的大圆跟着最中间的小圆的颜色走；

在elementplus中看到了滚动条绑定了slider，但是这个感觉很不实用，在底部，而且横向滚动，最常见的应该是那种固定在左上角的带着菜单的滚动条，于是我就想要不做一个小demo，方便以后使用。