css滚动条样式代码， 目前大部分项目都是使用滚动条，有时候会使用模拟滚动条或者css滚动条，css滚动条比较常见，而且在所有浏览器中，滚动条定制性强的浏览器应该是webkit内核。

webkit下CSS中设置滚动条有七个主要属性，介绍如下：

1，-webkit-scrollbar滚动条整体部分，可以设置宽度等。

2，-webkit-scrollbar-button滚动条两端的按钮

3. -WebKit- Scrollbar-Tracking the outer track

4. -WebKit- scroll bar-inner rolling groove of tracking part

5. -WebKit- Scroll bar-Thumbnail scroll slider

6. -WebKit- Scroll bar-Corner corner

7.-webkit-resizer定义右下角拖动块的样式。

参考示例：

css滚动条样式代码如下：

li {

width: 260px;

height: 370px;

border: 1px solid #D9D9D9;

overflow-y: scroll;

:-webkit-scrollbar {

width: 3px;

}

:-webkit-scrollbar-thumb {

background: #d8d8d8;

border-radius: 10px;

}

:-webkit-scrollbar-track-piece {

background: transparent;

}

}

css滚动条样式代码，以上就是本文为您收集整理的css滚动条样式代码最新内容，希望能帮到您！更多相关内容欢迎关注。