将ngx-infinite-scroll集成到simplebar部分

问题描述

我正在使用Angular 10应用程序，并且在整个应用程序中都没有使用simplebar模块。

现在，我需要在许多部分中集成无限滚动。因此，我决定使用ngx-infinite-scroll，但是ngx-infinite-scroll似乎无法与data-simplebar一起正常工作。除非我做错了事

<div class="list-space" data-simplebar infiniteScroll [infiniteScrolldistance]="2" [infiniteScrollThrottle]="300" 
    (scrolled)="onScroll()" [scrollWindow]="false">
      <div class="account-list">

          <div fxLayout="row wrap" matRipple *ngFor="let du of demousers" fxLayoutAlign="start center" class="account-card">
              <div class="cell" fxFlex="50px" fxLayoutAlign="center center">
                  <mat-icon class="material-icons-outlined blueicon">person</mat-icon>
              </div>
              <div class="cell ellipsis-text" fxFlex>name</div>
              <div class="cell ellipsis-text" *ngIf="!smallScreen" fxFlex="30">id</div>
              <div class="cell ellipsis-text" *ngIf="!smallScreen" fxFlex="10">role</div>
              <div class="cell ellipsis-text" *ngIf="!smallScreen" fxFlex="10">mail</div>
              <div class="cell ellipsis-text"  fxFlex.gt-sm="10" fxFlex.gt-xs="15"  fxFlex="20">
                  <span class="status">status</span>
              </div>
              <div class="cell" fxFlex.gt-sm="12" fxFlex.gt-xs="25"  fxFlex="30">date</div>
            </div>
        </div>

    </div>

这是我的SCSS

.list-space { height: calc(100vh - 191px);  border-radius: 10px; }

基本上，ngx-infinite-scroll仅在类overflow: scroll;中有效，并且看起来很糟糕...

simplebar正常工作，但不会触发ngx-infinite-scroll中的滚动事件

还有什么方法可以使数据简单栏触发（滚动）事件而不会发生溢出：？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angular infinite-scroll sass