Сделайте ngx-perfect-scrollbar видимым по умолчанию

Question

Я использую ngx-perfect-scrollbar для элемента div следующим образом:

<div [perfectScrollbar]="config" [ngStyle]="{ 'max-height': '60vh', position: 'relative' }">
.
.
.
.
</div>

Но полоса прокрутки видна только тогда, когда я наводю указатель мыши на элемент div полосы прокрутки. Как мне сделать это видимым все время?

Answer 1

Идеальная полоса прокрутки скрыта за непрозрачностью.

Вы можете дать идеальную полосу прокрутки уже объявленному классу:

ps-show-always

Что добавляет это:

perfect-scrollbar.ps-show-always > .ps.ps--active-y > .ps__rail-y,
perfect-scrollbar.ps-show-always > .ps.ps--active-x > .ps__rail-x {
  opacity: 0.6;
}

Answer 2

Я исправил проблему, добавив следующие стили в мои глобальные стили.s css

.ps > .ps__rail-x,
.ps > .ps__rail-y {
  opacity: 0.6;
}

Эти стили применяются на perfect-scrollbar, так как ngx-perfect-scrollbar использует perfect-scrollbar позади сцена.