自定义滚动条样式,设置样式即可:
/* 设置滚动条的样式 */::-webkit-scrollbar {width: 8px;height: 8px;background: transparent;position: fixed;}/* 滚动槽 */::-webkit-scrollbar-track {border-radius: 10px;}/* 滚动条滑块 */::-webkit-scrollbar-thumb {opacity: 1;background: transparent;border-radius: 4px;}* {&:hover {::-webkit-scrollbar-thumb {opacity: 1;background: rgba($color: #e2e2e2, $alpha: 1);}}}
演示: