獲取Angular組件的滾動位置

Question

如何使用fromEvent獲得組件的滾動位置？

我用它來獲取鼠標位置，如何從頂部位置滾動？

this.mouseMoveSubscription = fromEvent(this.elementRef.nativeElement, 'mousemove')
                  .subscribe((e: MouseEvent) => {...});

這不起作用：

ngOnInit() {
    this.scrollSubscription = fromEvent(this.elementRef.nativeElement, 'scroll')
                  .subscribe((e: Scroll) => {
                    console.log(e.position);
                  });

  }

也沒有觸發任何事件（來自： answer ）：

@HostListener('scroll', ['$event']) // for scroll events of the current element
onScroll(event) {
  ...
}

Answer 1

看來您只是在錯誤的事件屬性中尋找位置。

fromEvent(this.elementRef.nativeElement,'scroll')
      .subscribe((e: Event) => console.log({
        scrollPosition: e.target['scrollTop']
        }));

看一下這個演示 。