2015-11-04 57 views
0

enter image description here調整滾動按鈕的位置只有

是否可以移動滾動條按鈕(在圖像中高亮顯示)稍低於它的實際位置? 我的理解是,按鈕的最高值與div的最高值相同。基本上,我需要將總滾動條精確地放置在div的中心。

下面的代碼對按鈕的位置沒有影響:

::-webkit-scrollbar-button { 
    top: 10px; 
} 

回答

0

滾動條視口的位置是瀏覽器的問題,而不能與HTML/CSS來控制。

最好的辦法是在與盒子的背景顏色相同的盒子周圍加一個厚邊框,並相應地減小寬度/高度。

甚至隱藏滾動條按鈕,如:

::-webkit-scrollbar-button { 
    width: 0; 
    height: 0; 
    display: none; 
} 

的jsfiddle這裏:http://jsfiddle.net/4nuoo8vg/

+0

添加邊框幫助。非常感謝! – Mumzee