博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
[CSS]滚动条样式设置
阅读量:7282 次
发布时间:2019-06-30

本文共 595 字,大约阅读时间需要 1 分钟。

概述

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

滚动条css

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

 

即可。其中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的差异,你丫是调不出来。

转载地址:http://tlzjm.baihongyu.com/

你可能感兴趣的文章
Redis集群及管理讲解
查看>>
ps命令详解
查看>>
配置系列:ssm中applicationContext.xml的简单配置
查看>>
nginx启动脚本
查看>>
linux 出现bash: ****: /lib64/ld-linux-x86-64.so.2: bad ELF interpreter: No such file or directory
查看>>
kickstart安装linux
查看>>
蓝色心情win7主题一键安装包 v 2.0
查看>>
MySQL5.7修改密码
查看>>
10个趣味Linux动画命令
查看>>
Linux协议栈(4)——sk_buff及代码
查看>>
DDOS防御
查看>>
python 学习笔记
查看>>
python的property语法的使用
查看>>
Nginx配置文件nginx.conf详解
查看>>
常见的几种系统平台及文件系统
查看>>
linux下apache+php安装常见问题
查看>>
Alter index coalesce VS shrink space
查看>>
samba共享
查看>>
zabbix 自动发现 tomcat日志异常文件数量
查看>>
看看影音成造毒工厂 曝百万电脑已中招
查看>>