Пожалуйста, предложите любой плагин полосы прокрутки для угловых 6

Question

Я пробовал 3 плагина для полосы прокрутки это изображение, куда я хочу вставить полосу прокрутки , но не получаю требуемых результатов, я хочу использовать полосу прокрутки для угловых 6

Ниже приведены ссылки на плагины:

https://www.npmjs.com/package/ngx-perfect-scrollbar

[https://www.npmjs.com/package/ngx-malihu-scrollbar#demo-application][2]

[https://www.npmjs.com/package/angular-smooth-scrollbar][3]

Answer 1

Для полосы прокрутки мы можем использовать это также:

Посмотрите ниже: используйте это в разделе, в котором вам нужна полоса прокрутки

<div [style.overflow]="'auto'" [style.height.px]="'250'">

Answer 2

Почему бы просто не использовать пакет Angular Material scrolling?

Установить Angular CDK

npm install --save @angular/cdk

Импорт модуля прокрутки

import {ScrollingModule} from '@angular/cdk/scrolling';

HTML

<cdk-virtual-scroll-viewport itemSize="1" class="viewport">
    <div class="scrolling-example">
        Insert text here...
    </div>
</cdk-virtual-scroll-viewport>

CSS

.viewport {
    height: 200px;
    width: 200px;
    border: 1px solid black;
}

.scrolling-example {
    height: auto;
}

Подробнее см. Документацию Угловая прокрутка CDK

Длярабочий пример см .: Stackblitz

Answer 3

Попробуйте угловой материал.

Угловая прокрутка материала

Answer 4

Я предлагаю вам использовать ngx-perfect-scrollbar и, если вам нужен пример, как его использовать, отметьте this