改编你的浏览器的滚动条

   在写页面的时候很多页面都会有滚动轴,但是可能会比较丑,这时候就需要自己写css来控制滚动轴的样式了

 这就是个代码例子,看看就明白
#sidebar ::-webkit-scrollbar {
    width: 12px;

}//id为sidebar 元素内的滚动轴样式


#sidebar ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#sidebar ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #7B7D80;

    -webkit-box-shadow: inset 0 0 6px #7B7D80;
}
#sidebar ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(31,35,45,1);;
}


李文杰

前端程序设计,人丑、家穷、没文化 myGit: https://github.com/JosnLee

北京市朝阳区成寿寺