::-webkit-scrollbar{ 10px; height: 10px; } ::-webkit-scrollbar-track{ background: rgba(0, 0, 0, 0.1); } ::-webkit-scrollbar-thumb{ background: rgba(0, 0, 0, .3); } ::-webkit-scrollbar-thumb:hover{ background: rgba(0, 0, 0, 0.4); }
该方法是直接修改浏览器内置滚动条样式,全局设置,测试兼容浏览器除了ie和firefox其他浏览器都可以用