css自定义滚动条样式

首先了解控制滚动条样式的几个css属性,如下:

::-webkit-scrollbar 控制滚动条整体的样式;
::-webkit-scrollbar-thumb 控制滑块部分样式;
::-webkit-scrollbar-track 控制轨道部分样式;
::-webkit-scrollbar-button 滚动条的轨道的两端按钮
::-webkit-scrollbar-track-piece 内层轨道,滚动条中间部分
::-webkit-scrollbar-corner 边角,即两个滚动条的交汇处
::-webkit-resizer 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件
简洁版

全局修改滚动条样式

 ::-webkit-scrollbar{
 	background:red;
 }

给某一个div添加滚动条样式

在这里插入图片描述
如果要隐藏滚动条可以设置如下:

你可能感兴趣的:(css3)