Как использовать плагин полосы прокрутки в приложении Angular 6?

Question

Я создаю приложение в Angular 6 и хочу изменить все полосы прокрутки на пользовательские.Я стремлюсь к чему-то похожему на полосу прокрутки Mac OS;

1. Прозрачный
2. Над содержимым
3. Отображается при наведении мыши на

Мне нужен метод, который заменит все и любую полосу прокрутки, которая появится в приложении, на эту пользовательскую без изменения HTML.

Я искал плагин Angular / Typescript, чтобы сделать это, но каждыйЯ обнаружил, что я предлагаю обернуть свой контент в связанный селектор.Что я не хочу делатьИли я не понимаю, как использовать это?

Этот плагин, на который я смотрю: https://www.npmjs.com/package/ngx-perfect-scrollbar

Есть ли способ использовать этот плагин без переноса моего контента с <perfect-scrollbar>?

Извините, я очень плохо знаком с Angular: (

Я также искал пользовательские полосы прокрутки CSS, но это работает только для браузеров webkit.

Answer 1

просто используйте это:

const ps = new PerfectScrollbar('.scroll-container');

и установите scroll-container класс на все элементы, которым требуется прокрутка