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，方便以后使用。