Html
    Css
    Js

    
                        
 /*滚动条样式*/
*::-webkit-scrollbar {
	/*滚动条整体样式*/
    width:4px;
	/*高宽分别对应横竖滚动条的尺寸*/
    height:4px;
}
*::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
    border-radius:5px;
	-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.15);
	background:rgba(0,0,0,0.15);
}
*::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1);
	border-radius:0;
	background:rgba(0,0,0,0.1);
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

纯css滚动条

更新时间:2020-03-31 09:21:03

纯css修改滚动条对、滚动条里面小方块、滚动条里面轨道、横竖滚动条的尺寸都可以自定义的修改

0