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 属性的值。(所有浏览器目前均不支持该属性值)
有三种代码输入的方式可以在CSS隐藏滚动条。
详细方法如下：
方法一:
代码如下:
html { overflow-y: scroll}
原理：强制显示ie的垂直滚动条，而忽略水平滚动条；
优点：完全解决了这个问题, 允许你保持完整的XHTML doctype.；
缺点：即使页面不需要垂直滚动条的时候也会出现垂直滚动条；
方法二:(推荐采用)
代码如下:
html { overflow-x: hiddenoverflow-y: auto}
原理：隐藏横向滚动，垂直滚动根据内容自适应；
优点：在视觉上解决了这个问题.在不必要的时候, 未强制垂直滚动条出现；
缺点：只是隐藏了水平滚动条，如果页面真正需要水平滚动条的时候，屏幕以外的内容会因为用户无法水平滚动，而看不到；
方法三:
代码如下:
body { margin-right: -15pxmargin-bottom: -15px}
原理：这会在margin的水平和垂直方向上添加一个负值, IE添加了该精确数值后, 便会去除对滚动条的需求假象；
优点：在视觉上解决了这个问题，垂直滚动根据内容自适应；
缺点：由于"人为创建"了15px的外边距(margin), 所以无法使用该填充过的屏幕区域。
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设置区域的高度[像素/百分比等等]
