Question

将一个滚动事件附加到Angular 2中的div元素。这里我在滚动时进行分页。这里的问题是当我滚动非常快时不会触发滚动事件。我慢慢滚动时工作正常。

这个滚动事件监听器现在遇到了一些问题。我通过Angular 2中的Hostlistner做到了这一点。当我浏览在线资料时，这个滚动事件有一些问题。

有人可以帮忙解决这个问题吗？

Angular 2 js代码：

import { Directive, HostListener, Inject } from '@angular/core';
import { dataModelService } from '@app/services/asset-data-view-model.service';

@Directive({
    selector: '[lazyLoading]'
})


export class assetPageLasyLoad {

constructor(private datteService: dataModelService) { }

 @ HostListener('scroll', ['$event'])onScroll(event) {

    if (event.target.offsetHeight + event.target.scrollTop == event.target.scrollHeight) {
        console.log("END REACHED... LOADING");
        return this.datteService.assetsSlowLoad();
    }

 }

}

HTML code：

<div id="assets" lazyLoading>
  some code goes here
</div>

在Angular 2中滚动速度非常快时滚动不起作用

0 个答案: