当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 ;
/* 滚动条 */
/* verflow: auto ; */ /* visible :却省的 hidden auto scroll */
verflow-x: scroll ;
verflow-y: hidden ;
/* 滚动条相关的颜色属性 */
verflow -face-color: green; /* 滑块 */
verflow -hightLight-color: red; /* 高亮 */
verflow -3dLight-color: orange; /* 3维光线 */
verflow -darkshadow-color:blue; /* 暗影 */
verflow -shadow-color:yellow; /* 阴影 */
verflow -arrow-color:purple; /* 箭头 */
verflow -track-color:black; /* 滑道颜色 */
verflow -base-color:pink; /* 主要颜色 */
</style>
注:
verflow:
visible 却省值,没有滚动条,根据内容自动扩撑区域的大小,即定义的区域无效
scroll 总是显示滚动条
hidden 没有滚动条,超出区域的内容不可见
auto 根据内容自动判断是否添加滚动条
滚动条颜色属性:
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随滚动条上下滚动
网页局部div随滚动条置顶滚动 效果很好,跟普通的滚动不太一样,没有延迟。
jQuery实现将div的滚动条滚动到指定位置 jQuery实现将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块内容跟随滚动条移动,滚动移动时,内容跟着移动,并保持最右边
在使用JavaScript时,我们可以使用offsetTop和offsetLeft属性来获取DIV元素的当前位置,然后使用scrollTop和scrollLeft属性来获取滚动条的当前位置。最后,我们可以使用这些属性来计算DIV元素的新位置,并将其设置为...
div 的滚动条问题 div自动添加滚动条,防止div移动位置
可以自己定义滚动条,根据div内容自己调节产生横向和竖向滚动条。滚动条所有元素都可以自己定义样式,包括颜色或者图片。
div固定在屏幕的一个位置,不随滚动条的拖动而改变位置
div随着滚动条滚动,但是到了顶部,便不随着滚动了
随滚动条移动的DIV层
这款滚动条还不错,而且修改容易!即使对DIV+CSS初学者都能修改使用!
拖动div 内部有滚动条
在页面中的div做滚动条,所谓DIV滚动条,就是利用DIV标签,在里面嵌入CSS样式表,使得div在固定的宽度和高度内可以显示更多的内容。