Как всегда показывать полосу прокрутки в угловом материале? - PullRequest
Новая
       13

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

0 голосов
/ 13 февраля 2019

Так что в настоящее время я использую угловой материал и его прокрутку по умолчанию (но я думаю, что это идеальная полоса прокрутки) для использования в качестве дизайна прокрутки к моей полосе прокрутки.Но прокрутка отображается только в том случае, если пользователи пытаются прокрутить страницу / div.Я попытался прочитать прокрутку API углового материала, но здесь нет атрибута, который я мог бы использовать.И я уже положил overflow-y: scroll на CSS, конечно.Любая идея?Спасибо!

1 Ответ

0 голосов
/ 13 февраля 2019

Итак, я нашел обходной путь, мне нужно включить это в мой CSS 

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

И если вам это нужно для определенного элемента или контейнера 

.selectionTable::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

.selectionTable::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

Ссылка:

Создание главной полосы прокрутки всегда видимой

Применение стиля полосы прокрутки webkit к указанному элементу

...