Angular 5与ngx无限滚动未触发

Kiv*_*ivo 7 nginfinitescroll angular5

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

onScrollDown()当我向下滚动我的div内的滚动条时,动作被触发.为了使它工作,我需要给我的内容高度,并[scrollWindow]应设置为false:

CSS

 .search-results {
      height: 200px;
      overflow: scroll;
    }
Run Code Online (Sandbox Code Playgroud)

模板

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

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

Ker*_*y82 0

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