可以设置DIV滚动条的样式。 CSS滚动条也可以同样显示和隐藏。 如何在DIV上设置滚动条并设置其水平滚动条和垂直滚动条的样式？
要设置CSS滚动条的样式，必须使用overflow-y和overflow-x设置div框对象右下滚动条的效果。 也可以使用CSS样式设置html框架iframe滚动条的隐藏。 接下来介绍一下。
常规的溢出设置方法
overflow-y:scroll始终显示垂直滚动条
overflow-y:visible不剪切内容，也不添加垂直滚动条
overflow-x:scroll始终显示横向滚动条
overflow-x:visible不剪切内容，也不添加横向滚动条
overflow语法值
overflow :可视
参数说明：
visible :不剪切内容，也不添加滚动条。 明确声明此默认值后，对象将被剪切为包含对象的窗口或框架的大小。 clip属性设置无效。
自动：这是body对象和textarea的默认值。 根据需要剪切内容并添加滚动条。 DIV的默认值也是该值，但需要设定时可以设定。
隐藏：不显示超出对象大小的内容；
scroll :总是显示滚动条。
div自定义滚动样式
滚动条的css样式主要由三部分组成。
:-webkit-scrollbar定义了整个滚动条的样式；
:-WebKit-scroll bar-thumb滑块部分；
:-WebKit-scroll bar-thumb轨道部分；
自定义滚动条样式示例：
1、html代码：
2、css码：
. test{
width: 50px；
高： 200 px；
Overflow :自动；
浮点：左；
margin: 5px；
border :否；
}
. scrollbar{
width: 30px；
高： 300 px；
margin : 0自动；
}
. test-1:3360-WebKit-scroll bar {/*整个滚动条的样式*/
width: 10px； /*细口红分别与横纵滚动条的尺寸相对应*
height: 1px；
}
. test-1:3360-WebKit-scroll bar-thumb {/*滚动条中的小方块*/
border-radius: 10px；
- WebKit-box-shadow : inset 005 px rgba (0，0，0.2 )；
背景： # 535353；
}
. test-1:3360-WebKit-scroll bar-track {/*滚动条中的轨道*/
- WebKit-box-shadow : inset 005 px rgba (0，0，0.2 )；
border-radius: 10px；
后台： # ededed；
}