如何获得一个具有无限滚动的独特滚动？ [关闭]

Question

我在使用 Angular 的无限滚动库时遇到了很多问题。调用“滚动”方法的工作解决方案是：

    <div infiniteScroll style="height: 100vh; overflow-y: auto" [infiniteScrollDistance]="2"
  [infiniteScrollThrottle]="50" (scrolled)="onScroll()" [scrollWindow]="false">
  <h2>Photo reps</h2>
  <div *ngIf="emptyList" style="text-align: center;">
    <img  src="../../../assets/images/noElements.gif">
    <p>No elements found</p>
  </div>
  <div *ngIf="!emptyList" fxLayout="row wrap">
    <div *ngFor="let user of photoReps" fxFlex="100" fxFlex.gt-sm="33" fxFlex.sm="50">
    ......
    <div fxLayout="row" fxLayoutAlign="center center">
  <mat-spinner *ngIf="loading"></mat-spinner>
  <p *ngIf="noMoreItems">No more items</p>
</div>

问题在于，使用此解决方案我有一个双滚动条（根/页面之一和 div 之一）。这适用于鼠标设备，但不适用于智能手机等...... 正确的解决方案是没有溢出-y 属性（自动），但该方法不会触发/触发滚动；为什么？ 我有什么不对吗？这是链接：https://bcctest.it/photoReps

Answer 1

你可以添加

div#rightside-content-hold {
    overflow: hidden;
}

到你的CSS。