Html
    Css
    Js

    
                        
.gdt{ border: 1px solid #7F7F7F;padding: 10px;overflow-y: scroll;width: 300px;height: 200px}
    .gdt::-webkit-scrollbar{width:4px;}  
    .gdt::-webkit-scrollbar-track{background-color:#E5E5E5;border-radius: 10px;}  
    .gdt::-webkit-scrollbar-thumb{background-color:#3A3A3A;border-radius: 10px;}  
    .gdt::-webkit-scrollbar-thumb:hover {background-color:#5FE3FF}  
    .gdt::-webkit-scrollbar-thumb:active {background-color:#00aff0}  

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

纯css滚动条

3
      超人~0
      2017/2/13 11:18:57
      如果滚动条有圆角怎么设置???
          张大帅1
          2017/2/20 13:16:11
          border-radius: 10px;
          āáǎà0
          2017/5/5 15:39:13
          border-radius: 10px;
      回复