给DIV添加滚动条的实现代码

直接为div指定overflow属性为auto即可，但是必须指定div的高度，如下：

复制代码代码如下:
div style="posITion:absolute; height:400px; overflow:auto"> /div>

如果要出现水平滚动条，则： overflow-x:auto
同理，垂直滚动条为： overflow-y:auto
如果该div被包含在其他对象例如td中，则位置可设为相对：position:relative

 例如：

HTML> HEAD> TITLE> 测试表格内的滚动条/TITLE> /HEAD> BODY> table> tr> td> 表格内的滚动条:/td> td> div id="wins" style="position:absolute; height:200; width:200; overflow:auto; background:#EEEEEE; "> p> pppppppppppppppppppppppppppppppppppppppppppppppppp /p> p> pppppppppppppppppppppppppppppppppppppppppppppppppp /p> p> ppppppppppppppppppppppppp /p> p> ppppppppppppppppppppppppp /p> p> ppppppppppppppppppppppppp /p> p> ppppppppppppppppppppppppp /p> p> ppppppppppppppppppppppppp /p> p> ppppppppppppppppppppppppp /p> p> ppppppppppppppppppppppppp /p> p> ppppppppppppppppppppppppp /p> p> ppppppppppppppppppppppppp /p> p> ppppppppppppppppppppppppp /p> /div> /td> /tr> tr> td colspan="2" align="right"> span onmouseover='scrollb=setInterval("wins.scrollLeft-=10",100)' onmouseout=clearInterval(scrollb)> 向左/span> span onmouseover='scrollb=setInterval("wins.scrollTop-=10",100)' onmouseout=clearInterval(scrollb)> 向上/span> span onmouseover='scrollb=setInterval("wins.scrollLeft+=10",100)' onmouseout=clearInterval(scrollb)> 向右/span> span onmouseover='scrollb=setInterval("wins.scrollTop+=10",100)' onmouseout=clearInterval(scrollb)> 向下/span> /td> /tr> /table> /BODY> /HTML>
ffcod = delpost.runcode5 .value; ffcod = ffcod.replace(/
/g,''); delpost.runcode5 .value = ffcod; 提示：您可以先修改部分代码再运行

如果想更好的实现效果可以参考下面的代码：

所谓DIV滚动条，就是利用DIV标签，在里面嵌入CSS样式表，加入overflow的属性值，这样，当div所规范的区域内的内容达到一定程序时，滚动条就派上用场。其功能大约是为了节约页面空间，就是所谓的“缩地”了。看看效果如何吧，代码在下一楼提供。
参考核心代码：

复制代码代码如下:
DIV style="PADDING-RIGHT:10px; OVERFLOW-Y:auto; PADDING-LEFT:10px; SCROLLBAR-FACE-COLOR:#ffffff; FONT-Size:11pt; PADDING-BOTTOM:0px; SCROLLBAR-HIGHLIGHT-COLOR:#ffffff; OVERFLOW:auto; WIDTH:510px; SCROLLBAR-sHADOW-COLOR:#919192; COLOR:blue; SCROLLBAR-3DLIGHT-COLOR:#ffffff; LINE-HEIGHT:100%; SCROLLBAR-ARROW-COLOR:#919192; PADDING-tOP:0px; SCROLLBAR-TRACK-COLOR:#ffffff; FONT-FamiLY:宋体; SCROLLBAR-DARKSHADOW-COLOR:#ffffff; LETTER-SPACING:1pt; HEIGHT:200px; TEXT-ALIGN:left">
/div>


　　滚动条相关颜色属性：
　　face-color：滑块颜色
　　hightlight-color：高亮颜色
　　3dlight-color：三维光线颜色
　　darkshadow-color：暗影颜色
　　shadow-color：阴影颜色
　　arrow-color：箭头颜色
　　tack-color：滑道颜色
　　
　　滚动条属性：
　　overflow：auto为自动，yes为有，no为无
　　overflow-x：横向滚动条
　　overflow-y：纵向滚动条

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！