SCROLLBAR-FACE-COLOR(立体滚动条凸出部分的颜色)
SCROLLBAR-HIGHLIGHT-COLOR(滚动条空白部分的颜色)
SCROLLBAR-SHADOW-COLOR(立体滚动条阴影的颜色)
SCROLLBAR-ARROW-COLOR(上下按钮上三角箭头的颜色)
SCROLLBAR-BASE-COLOR(滚动条的基本颜色)
SCROLLBAR-DARK-SHADOW-COLOR(立体滚动条强阴影的颜色)
css设置滚动条的颜色
div{
scrollbar-face-color:#fcfcfc
scrollbar-highlight-color:#6c6c90
scrollbar-shadow-color:#fcfcfc
scrollbar-3dlight-color:#fcfcfc
scrollbar-arrow-color:#240024
scrollbar-track-color:#fcfcfc
scrollbar-darkshadow-color:#48486c
scrollbar-base-color:#fcfcfc
}
滚动条样式主要涉及到如下CSS属性:
overflow属性:检索或设置当对象的内容超过其指定高度及宽度时如何显示内容
overflow:auto在需要时内容会自动添加滚动条
overflow:scroll总是显示滚动条
overflow-x:hidden禁止横向的滚动条
overflow-y:scroll总是显示纵向滚动条
width:568pxwidth:98%设置区域的宽度[像素/百分比等等]
height:120px设置区域的高度[像素/百分比等等]
scroll
是CSS中某些属性当中的值
一般都是跟滚动挂钩的
下面是涉及scroll值的主流的两个属性
===================
第一个：background-attachment
实例用法：
body{ background-image: url(bgimage.gif) background-attachment: fixed }所有浏览器都支持 background-attachment 属性。
作用：
background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。
属性值有三个
scroll：默认值。背景图像会随着页面其余部分的滚动而移动。
fixed：当页面的其余部分滚动时，背景图像不会移动。
inherit：规定应该从父元素继承 background-attachment 属性的设置。(所有浏览器目前均不支持该属性值)
======================
第二个：overflow
实例用法：
div{ width:150pxheight:150pxoverflow:scroll}所有主流浏览器都支持 overflow 属性。
作用：
overflow 属性规定当内容溢出元素框时发生的事情。
属性值有五个：
visible：默认值。内容不会被修剪，会呈现在元素框之外。
hidden：内容会被修剪，并且其余内容是不可见的。
scroll：内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。（配合height使用）
auto：如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。（没有height的时候）
inherit：规定应该从父元素继承 overflow 属性的值。(所有浏览器目前均不支持该属性值)
