滚动条加样式

/*ES6 样式写法*/

style={{ height: "98%", overflow: "auto" }}

/*谷歌、safari、qq浏览器、360浏览器滚动条样式*/

::-webkit-scrollbar {

width: 4px;

height: 4px;

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, 0.3);

background-color: #bdbdbd;

}

/*滑块效果*/

::-webkit-scrollbar-thumb:hover {

border-radius: 5px;

-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

background: rgba(0, 0, 0, 0.4);

}

/*IE滚动条颜色*/

scrollbar-face-color:#bfbfbf;/*滚动条颜色*/

scrollbar-highlight-color:#000;

scrollbar-3dlight-color:#000;

scrollbar-darkshadow-color:#000;

scrollbar-Shadow-color:#adadad;/*滑块边色*/

scrollbar-arrow-color:rgba(0,0,0,0.4);/*箭头颜色*/

scrollbar-track-color:#eeeeee;/*背景颜色*/