【问题标题】:Angular 5 with ngx infinite scroll not fired带有ngx无限滚动的Angular 5未触发
【发布时间】:2018-02-10 06:44:03
【问题描述】:

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

onScrollDown() 动作在我使用 div 内的滚动条向下滚动时触发。为了让它工作,我需要给我的内容一个高度,[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() 动作吗?谢谢

【问题讨论】:

  • 现在插件有这个问题,太可惜了! (11/04/2018)

标签: angular5 nginfinitescroll


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 2018-05-15
    • 2012-08-14
    • 1970-01-01
    • 1970-01-01
    • 2020-01-21
    • 1970-01-01
    • 2012-06-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多