css控制滾動條樣式

2021-09-09 05:21:40 字數 313 閱讀 4849

1、::-webkit-scrollbar :滾動條整體部分,其中的屬性有width,height,background,border等。

4、::-webkit-scrollbar-track-piece :內層軌道,具體區別看下面gif圖,需要注意的就是它會覆蓋第三個屬性的樣式。

5、::-webkit-scrollbar-thumb :滾動條裡面可以拖動的那部分

6、::-webkit-scrollbar-corner :邊角,兩個滾動條交匯處

7、::-webkit-resizer :兩個滾動條交匯處用於拖動調整元素大小的小控制項(基本用不上)

css控制預設滾動條樣式

針對webkit核心的瀏覽器,使用偽類來改變滾動條的預設樣式,詳情如下 滾動條組成部分 1.webkit scrollbar 滾動條整體部分 2.webkit scrollbar thumb 滾動條裡面的小方塊,能向上向下移動 或向左向右移動 3.webkit scrollbar track 滾動條...

css滾動條樣式

滾動條樣式 webkit scrollbar 整個滾動條.webkit scrollbar button 滾動條上的按鈕 上下箭頭 webkit scrollbar thumb 滾動條上的滾動滑塊.webkit scrollbar track 滾動條軌道.webkit scrollbar track...

css 滾動條樣式

1,overflow內容溢位時的設定 overflow 水平及垂直方向內容溢位時的設定 overflow x 水平方向內容溢位時的設定 overflow y 垂直方向內容溢位時的設定 以上三個屬性設定的值為visible scroll hidden auto visible 預設值。使用該值時,無論...