CSS網頁滾動條

2021-10-01 17:52:10 字數 711 閱讀 4364

效果：

不多說，上**

css部分

/*滾動條樣式*/


.table_p


.table_p::-webkit-scrollbar 


.table_p::-webkit-scrollbar-thumb 


.table_p::-webkit-scrollbar-track
html部分
1. ::-webkit-scrollbar 滾動條整體部分，其中的屬性: width,height,background,border等。

2. ::-webkit-scrollbar-button 滾動條兩端的按鈕，可以用display:none讓其不顯示，也可以新增背景，顏色改變顯示效果。

3. ::-webkit-scrollbar-track 外層軌道。可以用display:none讓其不顯示，也可以新增背景，顏色改變顯示效果。

4. ::-webkit-scrollbar-track-piece 內層滾動槽/軌道，需要注意的就是它會覆蓋第三個屬性的樣式。

5. ::-webkit-scrollbar-thumb 滾動的滑塊

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

7. ::-webkit-resizer 定義右下角拖動塊的樣式/兩個滾動條交匯處用於拖動調整元素大小的小控制項（基本用不上）

網頁滾動條CSS樣式

滾動條樣式主要涉及到如下css屬性 overflow屬性 檢索或設定當物件的內容超過其指定高度及寬度時如何顯示內容 overflow auto 在需要時內容會自動新增滾動條 overflow scroll 總是顯示滾動條 overflow x hidden 禁止橫向的滾動條 overflow y s...

CSS定義網頁滾動條和去掉滾動條的方法

一 滾動條樣式主要涉及到如下css屬性 overflow屬性 檢索或設定當物件的內容超過其指定高度及寬度時如何顯示內容 overflow auto 在需要時內容會自動新增滾動條 overflow scroll 總是顯示滾動條 overflow x hidden 禁止橫向的滾動條 overflow y...

CSS定義網頁滾動條和去掉滾動條的方法

一 滾動條樣式主要涉及到如下css屬性 overflow屬性 檢索或設定當物件的內容超過其指定高度及寬度時如何顯示內容 overflow auto 在需要時內容會自動新增滾動條 overflow scroll 總是顯示滾動條 overflow x hidden 禁止橫向的滾動條 overflow y...