CSS滚动条样式设置

CSS滚动条样式设置

1、概述

最近项目中需要,将一个页面嵌入在一个webbrower中,这个webrower是定高的,在页面内容超过webbrower高度时,需要以滚动条的形式展现,当时也考虑了使用webbrower的滚动条,但是无法获取页面的实际高度,就放弃了,而是采用给页面的div加滚动条的方式。

2、滚动条css

在任何情况下,如果网页超出显示范围,就会出现滚动条。但有时我们并不想让它显示,如何隐藏它呢?只需在之间插入代码:

即可。其中x表示水平滚动条,将其改为y的话就可以隐藏垂直滚动条。

滚动条各条语句含义如下:

Crollbar-Face-color:						滚动条页面颜色设定;
Scrollbar-Highlight-Color:					滚动条斜面和左面颜色设定;
Scrollbar-Shadow-Color:						滚动条下斜面和右面颜色设定;
Scrollbar-3Dlight-Color:					滚动条上边和左边的边沿颜色设定;
Scrollbar-Arrow-Color:						滚动条两端箭头颜色设定;
Scrollbar-Track-Color:						滚动条底版颜色设定;
Scrollbar-Darkshadow-Color:					滚动条下边和右边的边沿颜色设定

3、总结

项目中,虽然涉及到样式,有时候需要静下心一点去调整。

猜你喜欢

转载自blog.csdn.net/qq_41417172/article/details/89215576