Как исправить полосу прокрутки vss?

Question

Как исправить полосу прокрутки vss?

0

Я использовал это в css для своего ProfileServlet:

::-webkit-scrollbar-button:vertical {
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

::-webkit-scrollbar-button:horizontal {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

Обратите внимание, что на изображении ниже отображаются только 2 из 4 кнопок прокрутки:

Как я могу заставить все 4 кнопки выглядеть правильно?

Также как сделать видимость полосы прокрутки видимой?

Почему горизонтальные и вертикальные полосы прокрутки не имеют одинаковой формы

SemperAmbroscus 17 апр. 2014, в 20:58

Источник

0

Я не буду этого делать, другие браузеры не будут поддерживать эти стили. Если это необходимо, я бы сделал это с помощью скриптов jquery: slodive.com/web-development/jquery-scroll
TheFrozenOne 17 апр. 2014, в 18:55
0

Я не слышал много хорошего от JQuery
SemperAmbroscus 17 апр. 2014, в 18:57
1

Тогда это может вам помочь: xeemez.blogspot.de/2013/09/…
TheFrozenOne 17 апр. 2014, в 19:00
0

Не существует единого способа управления полосой прокрутки с использованием чистого CSS во всех браузерах. Если вы хотите надежного кросс-браузерного контроля над внешним видом полосы прокрутки, используйте JS (один очень популярный плагин - jScrollPane )
Ennui 17 апр. 2014, в 19:32

Показать ещё 2 комментария

Теги:

html

css

1 ответ

Ещё вопросы

Я не буду этого делать, другие браузеры не будут поддерживать эти стили. Если это необходимо, я бы сделал это с помощью скриптов jquery: slodive.com/web-development/jquery-scroll
Я не слышал много хорошего от JQuery
Тогда это может вам помочь: xeemez.blogspot.de/2013/09/…
Не существует единого способа управления полосой прокрутки с использованием чистого CSS во всех браузерах. Если вы хотите надежного кросс-браузерного контроля над внешним видом полосы прокрутки, используйте JS (один очень популярный плагин - jScrollPane )

SemperAmbroscus · Answer 1 · 2014-04-17T18-12-00.000Z

Хорошо, я обнаружил ответ на номера 1 и 3. 1:

изменение:

::-webkit-scrollbar-button:vertical {
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

::-webkit-scrollbar-button:horizontal {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

Для того, чтобы:

::-webkit-scrollbar-button:vertical:end {
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

::-webkit-scrollbar-button:horizontal:end {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

::-webkit-scrollbar-button:vertical:start {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

::-webkit-scrollbar-button:horizontal:start {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

2:

Я имел:

::-webkit-scrollbar {
    width: 15px;
}

Но нужно:

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

Теперь нужно просто прокрутить панель, чтобы быть видимым.