当鼠标移动上去才显示滚动条，用css就可以完成

.list { /*默认显示滚动条，设置为白色看不出来*/ overflow: scroll; height: 500px; } .list::-webkit-scrollbar { width: 10px; background-color: #fff; } .list:hover ::-webkit-scrollbar-track-piece { /*鼠标移动上去再显示滚动条*/ background-color: #fff; /* 滚动条的背景颜色 */ border-radius: 6px; /* 滚动条的圆角宽度 */ } .list:hover::-webkit-scrollbar-thumb:hover { background-color: #c0cecc; } .list:hover::-webkit-scrollbar-thumb:vertical { background-color: #c0cedc; border-radius: 6px; outline: 2px solid #fff; outline-offset: -2px; border: 2px solid #fff; }

---

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。