滚动完成时不会触发ngx-infinite-scroll事件

Question

我试图在角度4应用程序中使用ngx-infinite-scroll实现无限滚动，但它没有被触发。我阅读文档并设置元素的height并将scrollWindow设置为false，以便在元素滚动时触发，而不是整个页面。但是我无法解雇它。

我究竟做错了什么？

我创建了一个plnkr来重现这个问题

HTML

<div class="search-results"
     infinite-scroll
     [infiniteScrollDistance]="0.1"
     [infiniteScrollThrottle]="10"
     [scrollWindow]="false"
     (scrolled)="onScrollDown()">
  <p *ngFor="let i of is">
    {{i}}
  </p>
</div>

CSS

.search-results {
  height: 100px;
  overflow: scroll;
}

零件

protected is = ['Item1', 'Item2', 'Item3'];

onScrolledDown() {
    console.log("scrolled");
}

Answer 1

我正在使用bootstrap 4，所以你必须禁用flex才能正常工作

.search-results {
  height: 100px;
  overflow: scroll;
  flex: none;
}