css：设置滚动条的样式

/*定义滚动条高宽及背景
 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width:16px;
    height:16px;
    background-color:#F5F5F5;
}
/*定义滚动条轨道
 内阴影+圆角*/
::-webkit-scrollbar-track
{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
    border-radius:10px;
    background-color:#F5F5F5;
}
/*定义滑块
 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius:10px;
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#555;
}

参考：

css scrollbar样式设置

比如我设置滚动条背景色透明，数据就不会被遮住啦。

/*定义滚动条高宽及背景
  高宽分别对应横竖滚动条的尺寸*/
 ::-webkit-scrollbar
 {
     width:10px;
     height:10px;
     background-color:rgba(0,0,0,0.1);
 }
 /*定义滚动条轨道
  内阴影+圆角*/
 ::-webkit-scrollbar-track
 {
     /* -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.1); */
     border-radius:5px;
     background-color:rgba(0,0,0,0);
 }
 /*定义滑块
  内阴影+圆角*/
 ::-webkit-scrollbar-thumb
 {
     border-radius:5px;
     /* -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1); */
     background-color:rgba(0,0,0,0.1);
 }

效果图：