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
- 閱讀 ( 1203 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章