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

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

概述

最近项目中需要,将一个页面嵌入在一个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的差异,你丫是调不出来。

转载于:https://www.cnblogs.com/wolf-sun/p/3995956.html

你可能感兴趣的文章
ls和find命令查找的一些小技巧
查看>>
OpenStack快速入门
查看>>
EOS Chain/Wallet RPC API的PHP开发包
查看>>
mysql5.6基于GTID主从复制设置
查看>>
作为程序员应有10项权利
查看>>
Django 错误汇总
查看>>
Openssl私建CA
查看>>
cookie的作用域
查看>>
python学习笔记--登录
查看>>
Xtrabackup实现数据的备份与恢复
查看>>
《Android开发从零开始》——11.AbsoluteLayout&FrameLayout学习
查看>>
Exchange Server 2013 安装完成后配置外部URL
查看>>
Bash Shell脚本编程-变量知识
查看>>
(转)java 中的try catch finally 语句中含有return语句的执行情况(总结版)
查看>>
disk boot failure,insert system disk and press enter
查看>>
Mybatis源码阅读之三
查看>>
netty里集成spring注入mysq连接池(一)
查看>>
Ubuntu 15.10安装ns2.35+nam
查看>>
新手安装ruby on rails(ror)的成功必备手册
查看>>
bc计算命令的知识及企业计算案例
查看>>