overflow产生的滚动条样式设置
点窜overflow发生的滚动条样式，本家儿要可以经由过程如下三个伪元素设置：
1）-webkit-scrollbar：设置程度滚动条的高度，垂直滚动的宽度
2）-webkit-scrollbar-thumb：设置滚动条里面的滑块样式
3）-webkit-scrollbar-track：设置滚动条的轨道布景样式
4）本文默认利用chrome浏览器查看运行结果
方式/步调
- 1
新建一个html文件叫做CssOverFlow.html（有html编纂东西的，就利用东西建立。没有东西的，可以先建立文本文件，再点窜文件名即可）
- 2
【默认的overflow样式】代码如下（当外层高宽比内部内容高宽小，且设置了overflow:auto，就会有滚动条发生）
- 3
【默认的overflow样式】运行结果如下（横标的目的和纵标的目的都发生了滚动条）
- 4
【点窜后overflow样式】代码如下（点窜滚动条的宽度、布景色等样式）
- 5
【点窜后overflow样式】运行结果如下（宽度削减了，布景色改变了）
- 6
只要程度偏向上的滚动条，则埋没垂直滚动条，利用代码：overflow-x:auto;overflow-y:hidden
- 7
只要垂直偏向上的滚动条，则埋没程度滚动条，利用代码：overflow-x:hidden;overflow-y:auto
- 发表于 2018-12-17 00:00
- 阅读 ( 1197 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章