换个简单点可以复用的思路，既然滚动条一直占用宽度，那么我们把滚动条设置成透明，然后hover上去的时候显示颜色不就可以了吗
.hover-scrollbar { overflow: auto; scrollbar-color: transparent transparent; &::-webkit-scrollbar-thumb { background-color: transparent; } &:hover { scrollbar-color: #8a8e99 transparent; &::-webkit-scrollbar-thumb { background-color: #8a8e99; } } }
把上面的样式放到需要有滚动条的地方即可
