Не удается применить ширину и высоту к-webkit-scrollbar с помощью CSS

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background-color:#808080;
}

почему атрибуты width и height не работает?

10
css css3 scrollbar

2 ответов

width для вертикальных полос прокрутки и height влияет на горизонтальные полосы прокрутки. Вы не можете определить высоту вертикальной полосы прокрутки. Это зависит от размера контента.

Если вы хотите добавить фоновые изображения на полосу прокрутки, они добавляются как обычные элементы:

::-webkit-scrollbar {
    width: 50px;
    height: 50px;
    background:-webkit-linear-gradient(0, blue 50%, white 100%);

}

::-webkit-scrollbar-thumb {
    background-color:#808080;
        background:url("http://www.topdesignmag.com/wp-content/uploads/2010/12/137.jpg");
}

Скрипка

17

это работает, за исключением height

пример: http://jsfiddle.net/jasongennaro/gBrNf/

довольно уверен, что это потому, что браузер определяет высоту полосы прокрутки на основе высоты содержимого. (Больше содержимого равно более короткой полосе прокрутки... это визуальный сигнал, который я не уверен, что вы можете переопределить.)

0