当div所定义的区域的内容达到一定程度时,在div标签里面嵌入css样式表,定义overflow的属性值,设置滚动条相关的属性。
<style tyle="text/css">
.testDiv{
border-style: solid ;
border-width: 50px ;
border-color: pink ;
position: absolute ; /* 位置 绝对或者相对于最近的一个元素 relative absolute */
top:200px ;
left:300px ;
height:200px ; /* 定义区域的高*/
width:300px ;
/* 滚动条 */
/* overFlow: auto ; */ /* visible :却省的 hidden auto scroll */
overFlow-x: scroll ;
overFlow-y: hidden ;
/* 滚动条相关的颜色属性 */
scrollBar-face-color: green; /* 滑块 */
scrollBar-hightLight-color: red; /* 高亮 */
scrollBar-3dLight-color: orange; /* 3维光线 */
scrollBar-darkshadow-color:blue; /* 暗影 */
scrollBar-shadow-color:yellow; /* 阴影 */
scrollBar-arrow-color:purple; /* 箭头 */
scrollBar-track-color:black; /* 滑道颜色 */
scrollBar-base-color:pink; /* 主要颜色 */
}
</style>
注:
1. overFlow:
visible 却省值,没有滚动条,根据内容自动扩撑区域的大小,即定义的区域无效
scroll 总是显示滚动条
hidden 没有滚动条,超出区域的内容不可见
auto 根据内容自动判断是否添加滚动条
2.滚动条颜色属性:
face-color:滑块颜色
hightlight-color:高亮颜色
3dlight-color:三维光线颜色
darkshadow-color:暗影颜色
shadow-color:阴影颜色
arrow-color:箭头颜色
track-color:滑道颜色
base-color:滚动条的主要颜色,其中包含滚动按钮和滚动滑块
分享到:
相关推荐
div滚动条 带滚动条的div div滚动条样式div滚动条 带滚动条的div div滚动条样式
div随滚动条上下滚动,div随滚动条上下滚动div随滚动条上下滚动div随滚动条上下滚动
jQuery实现将div的滚动条滚动到指定位置 jQuery实现将div的滚动条滚动到指定位置
网页局部div随滚动条置顶滚动 效果很好,跟普通的滚动不太一样,没有延迟。
优秀的的div滚动条优化代码 优化之后不在影响滚动功能的情况下使div的滚动条变为半透明的...
DIV滚动悬浮层,页面滚动条滚动,悬浮层保持位置不变!
纯css实现table滚动条(纯css实现div滚动条),主要是通过设定高度/宽度及overflow:auto;实现.
div滚动条样式一览-div+css设计网,div滚动条,多个div滚动条样式
jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jsDIV滚动条jsDIV滚动条jsDIV滚动条
为div添加滚动条 html 欢迎下载
div或其他html块内容跟随滚动条移动,滚动移动时,内容跟着移动,并保持最右边
div 的滚动条问题 div自动添加滚动条,防止div移动位置
可以自己定义滚动条,根据div内容自己调节产生横向和竖向滚动条。滚动条所有元素都可以自己定义样式,包括颜色或者图片。
div固定在屏幕的一个位置,不随滚动条的拖动而改变位置
div随着滚动条滚动,但是到了顶部,便不随着滚动了
随滚动条移动的DIV层
拖动div 内部有滚动条
在页面中的div做滚动条,所谓DIV滚动条,就是利用DIV标签,在里面嵌入CSS样式表,使得div在固定的宽度和高度内可以显示更多的内容。
浮动div 页面两边滚随滚动条滚动的DIV div滚动
解决了 滚动条中元素是DIV 导致的问题