CSS中滾動條是可以自定義樣式的，其中一個常用的樣式就是滑塊長度。在默認情況下，滑塊長度與滾動條的長度成比例。

/*默認滑塊長度*/
::-webkit-scrollbar-thumb {
height: calc(100% * 65536 / 16777216); /*65536是滑塊高度的最小單位值，16777216是滑塊高度的最大單位值*/
background-color: #666;
}

上面的代碼中，height屬性計算出滑塊的長度，值的單位是px。但是在大多數情況下，滾動條長度是根據內容的長度動態調整的，這時候如果滑塊長度也使用固定的像素值，就可能導致滑塊長度不合適，不能完整地顯示出滑塊。

為了解決這個問題，可以使用百分比來表示滑塊長度。按照這個思路，可以通過計算滑塊高度和內容高度的比例來得到滑塊長度的百分比：

/*滑塊長度使用百分比*/
/*內容區域*/
.content {
height: 500px;
overflow-y: scroll; /*垂直滾動條*/
}
/*滑塊*/
::-webkit-scrollbar-thumb {
height: calc(100% * 500px / 1000px);
background-color: #666;
}

上面的代碼中，滑塊高度的計算方式為：（內容區域高度 ÷ 滾動區域高度）×100%。這里的內容區域高度是500px，滾動區域高度是1000px（假設）。這樣計算出來的滑塊高度就可以根據內容的實際高度自適應了。

總之，滑塊長度的設置要根據實際情況來考慮，可以使用固定像素值或百分比來控制滑塊的長度。如果需要根據內容高度自適應，就要使用百分比來表示滑塊長度。