首页 > 代码库 > [CSS]滚动条样式设置
[CSS]滚动条样式设置
概述
最近项目中需要，将一个页面嵌入在一个webbrower中，这个webrower是定高的，在页面内容超过webbrower高度时，需要以滚动条的形式展现，当时也考虑了使用webbrower的滚动条，但是无法获取页面的实际高度，就放弃了，而是采用给页面的div加滚动条的方式。
滚动条css
在任何情况下，如果网页超出显示范围，就会出现滚动条。但有时我们并不想让它显示，如何隐藏它呢？只需在<body></body>之间插入代码：
<body style="overflow-x:hidden;overflow-y:hidden">
即可。其中x表示水平滚动条，将其改为y的话就可以隐藏垂直滚动条。
滚动条各条语句含义如下：
Crollbar-Face-color:滚动条页面颜色设定；Scrollbar-Highlight-Color:滚动条斜面和左面颜色设定；Scrollbar-Shadow-Color:滚动条下斜面和右面颜色设定；Scrollbar-3Dlight-Color:滚动条上边和左边的边沿颜色设定；Scrollbar-Arrow-Color:滚动条两端箭头颜色设定；Scrollbar-Track-Color:滚动条底版颜色设定；Scrollbar-Darkshadow-Color:滚动条下边和右边的边沿颜色设定总结
最近项目中，虽然涉及到样式，但是也是自己一点一点扣出来的，如果让我选择的话，我宁愿去写js也不想弄样式，有时候就为了那1px的差异，你丫是调不出来。
[CSS]滚动条样式设置
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。