请为角度6建议任何滚动条插件

Question

我尝试了3个用于滚动条this is the image where I want to insert scroll bar 的插件，但没有获得所需的结果，我想将滚动条用于角度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

我建议您使用ngx-perfect-scrollbar，如果需要使用示例，请选中this

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;
}

有关更多详细信息，请参见Angular CDK scrolling documentation

有关工作示例，请参见：Stackblitz

Answer 3

尝试棱角分明的材料。

Angular material scrolling

Answer 4

对于滚动条，我们还可以使用它：

下面看：在需要滚动条的部分中使用它

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