页面元素滚动条

Scroll bar(页面元素滚动条)

1.背景图片的滚动条设置

background-attachment:scroll || fixed;

2.滚动条显示设置

overflow: auto; 在需要时内容会自动添加滚动条

overflow: scroll; 总是显示滚动条

overflow-x: hidden; 禁止横向的滚动条

overflow-y: scroll; 总是显示纵向滚动条

3.滚动条常用样式

SCROLLBAR-FACE-COLOR: 滚动条凸出部分的颜色

SCROLLBAR-HIGHLIGHT-COLOR: 滚动条空白部分的颜色

SCROLLBAR-SHADOW-COLOR: 立体滚动条阴影的颜色

SCROLLBAR-3DLIGHT-COLOR: 滚动条亮边的颜色

SCROLLBAR-ARROW-COLOR: 上下按钮上三角箭头的颜色

SCROLLBAR-TRACK-COLOR: 滚动条的背景颜色

SCROLLBAR-DARKSHADOW-COLOR: 滚动条强阴影的颜色

SCROLLBAR-BASE-COLOR: 滚动条的基本颜色

例如:

.divClass{

background-attachment:scroll;

OVERFLOW: auto;

SCROLLBAR-FACE-COLOR: rgb(255,204,0);

SCROLLBAR-3DLIGHT-COLOR: rgb(255,207,116);

SCROLLBAR-DARKSHADOW-COLOR: rgb(255,227,163);

SCROLLBAR-BASE-COLOR: rgb(255,217,93);

}