如何检测用户何时停止滚动- Angular 5

import { Component, HostListener } from '@angular/core';

@Component({
  selector: 'app-scroll',
  template: '<div></div>',
})
export class ScrollComponent {
  @HostListener('window:scroll', ['$event'])
  onScroll(event: Event) {
    // 在滚动事件中执行相应的操作
  }
}

import { Component, HostListener } from '@angular/core';
import { fromEvent } from 'rxjs';
import { debounceTime } from 'rxjs/operators';

@Component({
  selector: 'app-scroll',
  template: '<div></div>',
})
export class ScrollComponent {
  constructor() {
    fromEvent(window, 'scroll')
      .pipe(debounceTime(200)) // 设置延迟时间，单位为毫秒
      .subscribe((event: Event) => {
        // 在滚动事件中执行相应的操作
      });
  }
}

npm install ng-scrollstop

import { Component } from '@angular/core';
import { ScrollStopDirective } from 'ng-scrollstop';

@Component({
  selector: 'app-scroll',
  template: '<div appScrollStop (scrollStop)="onScrollStop()"></div>',
})
export class ScrollComponent {
  onScrollStop() {
    // 在滚动停止时执行相应的操作
  }
}