项目场景:
   
table表头过长需要添加滚动条
    
    
    问题描述+原因
   
一般情况表头过长,会自动出现滚动条,但是在大型项目开发过程中,有的情况会在总的母版文件中设置禁用滚动条,所以当需要滚动条时,找不到。
    
    
    解决方案:
   
添加css样式 display:block;
/deep/::-webkit-scrollbar{
    display:block!important;
    height:6px;
    width:6px;
    background-color:#ddd;
}===================================补充================================
修改滚动条样式
 .innerbox::-webkit-scrollbar {
            width: 4px;    
            /*height: 4px;*/
 }
 .innerbox::-webkit-scrollbar-thumb {
      border-radius: 10px;
     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
      background: rgba(0,0,0,0.2);
   }
 .innerbox::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
     border-radius: 0;
     background: rgba(0,0,0,0.1);
  }
    :-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的
    
    ::-webkit-scrollbar-button 滚动条两端的按钮
    
    ::-webkit-scrollbar-
    
     track
    
    外层轨道
    
    ::-webkit-scrollbar-track-piece  内层滚动槽
    
    ::-webkit-scrollbar-
    
     thumb
    
    滚动的滑块
    
    ::-webkit-scrollbar-corner 边角
    
    ::-webkit-resizer 定义右下角拖动块的样式
    
   
 
版权声明:本文为weixin_67849181原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
