angular4触发window的滚动事件

一,条件:需要引入

import { ActivatedRoute } from '@angular/router';
import { DOCUMENT } from '@angular/platform-browser';

二,注册变量

subscribeScoll: any;

三,

ngOnInit(): void {
    this.subscribeScoll = Observable.fromEvent(window, 'scroll')
      .debounceTime(10)      
      .subscribe((event) => {
        this.WindowScroll();
      });
}
// 在组件生命周期销毁里取消事件，防止出现页面多次执行之后卡顿
 ngOnDestroy() {
    this.subscribeScoll.unsubscribe();
  }

4,自己在触发滚动时所需要做的处理

WindowScroll() {
       //  在这里写入自己的逻辑
  }