angular5 - Angular 5 与 ngx 无限滚动未触发

Question

我正在 Angular 5 中使用 ngx-infinite-scroll 模块。我的浏览器是 Chrome。

当我使用 div 内的滚动条向下滚动时，会触发 onScrollDown() 操作。为了使其工作，我需要给我的内容一个高度，并且 [scrollWindow] 应设置为 false:

CSS

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

模板

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

但是当我将[scrollWindow]设置为true(这是默认设置)，并删除search-results类(然后没有设置高度)时，onScrollDown即使当我使用浏览器的默认右栏向下滚动时， () 也永远不会被触发。知道为什么默认的窗口滚动不会触发 onScollDown() 操作吗？谢谢

Answer 1

我发现，即使文档声称 windowScrolled 默认为 true，如果我没有将其显式设置为 true，则监听不会绑定(bind)到窗口滚动。