滚动条的设置

 

/***********************设置滚动条样式**************************/
.scroll{overflow: scroll;}
/*滚动条整体部分，
 * 其中的属性有width,height,background,border
 * （就和一个块级元素一样）等。
 * */
.scroll::-webkit-scrollbar{
	width: 12px;
	background-color: #eee;
}
/*外层轨道。
 * 可以用display:none让其不显示，
 * 也可以添加背景图片，颜色改变显示效果。
 * */
.scroll::-webkit-scrollbar-track{
	background-color: #eee;
}
/*滚动条里面可以拖动的那部分*/ 
.scroll::-webkit-scrollbar-thumb{
	border-radius: 10px;
	background: #3DB6A4;
}
/*滚动条两端的按钮。
 * 可以用display:none让其不显示，
 * 也可以添加背景图片，颜色改变显示效果。
 *  */
.scroll::-webkit-scrollbar-button:start {
  	background: url(./imgs/up.png) no-repeat; 
  	background-size: 12px 12px; 
}
.scroll::-webkit-scrollbar-button:end{
	background: url(./imgs/down.png) no-repeat; 
  	background-size: 12px 12px; 
}
/*内层轨道，滚动条中间部分（除去）。*/ 
.scroll::-webkit-scrollbar-track-piece{
	
};
/*边角 */
.scroll::-webkit-scrollbar-corner{
	
};