css基礎知識 滾動條的新增修改

2021-09-24 13:31:08 字數 670 閱讀 4107

關於css滾動條的一些基礎知識

在乙個固定寬高的div中書寫內容 

如果內容超出div的高度將會溢位,

這時想檢視文字的全部內容又不讓其溢位

新增乙個滾動條即可

1、滾動條的新增

#scroll
將 overflow:auto;修改為	

overflow-y:auto;則只會顯示y軸的滾動條

2、滾動條的隱藏

::-webkit-scrollbar 

::-webkit-scrollbar:horizontal

3、修改滾動條的樣式

/*滾動條的整體部分主要包括x軸和y的滾動條寬度*/

#scroll::-webkit-scrollbar

/*滾動條兩端的按鈕樣式修改,可以改變其顏色,也可以用display:none讓其不顯示*/

#scroll::-webkit-scrollbar-button

#scroll

4.ie瀏覽器滾動條樣式修改

#scroll

#scroll::-webkit-scrollbar

css 新增div滾動條 修改滾動條樣式

1 新增滾動條,需要設定div的高度height,如果div裡面的內容超過height,則使用 overflow auto overflow auto 2 修改div滾動條樣式 div webkit scrollbar div webkit scrollbar thumb div webkit sc...

css修改滾動條樣式

修改滾動條樣式 div webkit scrollbar div webkit scrollbar track div webkit scrollbar thumb div webkit scrollbar thumb hover div webkit scrollbar corner webkit...

css修改滾動條樣式

修改滾動條樣式 div webkit scrollbar div webkit scrollbar track div webkit scrollbar thumb div webkit scrollbar thumb hover div webkit scrollbar corner webkit...