失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > html中加滑动条 给DIV添加滚动条的实现代码

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

时间:2023-11-28 16:24:57

相关推荐

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

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

复制代码代码如下:

如果要出现水平滚动条,则: overflow-x:auto

同理,垂直滚动条为: overflow-y:auto

如果该div被包含在其他对象例如td中,则位置可设为相对:position:relative

例如:

测试表格内的滚动条

提示:您可以先修改部分代码再运行

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

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

参考核心代码:

复制代码代码如下:

滚动条相关颜色属性:

face-color:滑块颜色

hightlight-color:高亮颜色

3dlight-color:三维光线颜色

darkshadow-color:暗影颜色

shadow-color:阴影颜色

arrow-color:箭头颜色

tack-color:滑道颜色

滚动条属性:

overflow:auto为自动,yes为有,no为无

overflow-x:横向滚动条

overflow-y:纵向滚动条

如果觉得《html中加滑动条 给DIV添加滚动条的实现代码》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。