Angular 5与ngx无限滚动未触发

时间:2017-12-15 19:57:10

标签: angular5 nginfinitescroll

我正在使用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()动作吗?感谢

1 个答案:

答案 0 :(得分:0)

我发现即使文档声称windowScrolled默认它也是如此,如果我没有将它明确地设置为true,则listened不会绑定到窗口滚动。