css 滑动条-CSS 滚动条样式设置

概述

在最近的一个项目中css 滑动条，需要在网络浏览器中嵌入一个页面。 这个浏览器有固定的高度。 当页面内容超过浏览器的高度时，需要以滚动条的形式进行解释。 当时也考虑过webbrower的滚动条，但是失败了。 为了获取页面的实际高度，就丢弃了，而是以在页面的div上添加滚动条的形式。

滚动条CSS

无论如何，如果网页超出显示范围，就会出现滚动条。 但有时我们不想让它显示出来，如何隐藏它呢？ 只需在以下之间插入代码：

就是这样。 其中，x代表水平滚动条。 如果改成y，就可以隐藏垂直滚动条。

滚动条中各语句的含义如下：

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

总结

最近做的一个项目，虽然涉及到样式，但还是要一点一点去推演。 如果必须选择的话css 滑动条，我宁愿写js，也不愿做样式。 有时只是因为1px的差异而无法调整。 向下。