css中的滾動條縮略圖高度

滾動縮略圖的高度根據可滾動區域設置爲默認值？如果沒有，我可以設置滾動條的拇指高度嗎？如果有可能如何？我試圖按照以下方式做。css中的滾動條縮略圖高度

body::-webkit-scrollbar-thumb { 
    background-color: darkgrey; 
    outline: 1px solid slategrey; 
    height: 5px; 
}

但它對頁面沒有影響。請幫忙。提前致謝。

來源

2017-08-18 AngularDoubts

看看這個例子 - > https://jsfiddle.net/wfj4L6wL/ 來自 https：//開頭計算器。 com/questions/26493446/change-size-of-scrollbar-thumb-with-css「 –

你可以給你的代碼提琴，不僅是css嗎？ –

@DragomirKolev - 你的解決方案是不跨瀏覽器 –

我不這麼認爲，拇指的高度取決於內容的大小，您可以更改::-webkit-scrollbar內部的寬度，但高度總是基於內容。

::-webkit-scrollbar    { /* 1 */ } 
::-webkit-scrollbar-button  { /* 2 */ } 
::-webkit-scrollbar-track  { /* 3 */ } 
::-webkit-scrollbar-track-piece { /* 4 */ } 
::-webkit-scrollbar-thumb  { /* 5 */ } 
::-webkit-scrollbar-corner  { /* 6 */ } 
::-webkit-resizer    { /* 7 */ }

Source

來源

2017-08-18 11:16:49

:: webkit - 在結束其他瀏覽器它不工作！ –

謝謝德米特里，我添加了對帖子的瀏覽器列表支持！ –

css中的滾動條縮略圖高度

回答

相關問題