请为 Angular 6 推荐任何滚动条插件答案

【问题标题】：Please suggest any scrollbar plugin for angular 6请为 Angular 6 推荐任何滚动条插件
【发布时间】：2018-10-25 05:55:32
【问题描述】：

我尝试了 3 个用于滚动条的插件this is the image where I want to insert scroll bar 但没有得到所需的结果，我想为 angular 6 使用滚动条

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

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

【问题讨论】：

标签： angular scrollbar

【解决方案1】：

我建议您使用ngx-perfect-scrollbar，如果您需要示例如何使用它，请查看this

【讨论】：

【解决方案2】：

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

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

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

【讨论】：

【解决方案3】：

尝试角材料。

Angular material scrolling

【讨论】：

【解决方案4】：

为什么不直接使用 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

【讨论】：