angular - 跟踪滚动条不适用于 Internet Explorer 11

Question

我有以下代码:

this.currentScrollYSub = Observable.fromEvent(window, 'scroll')
    .throttleTime(5)
    .subscribe(e => {
    this.scrollY = window.scrollY;
    console.log(window.scrollY); // Result: undefined
    });

这在 Chrome 上工作得很好，但我注意到在 IE 10 和 IE 11 上，它不起作用。

我怎样才能在 Internet Explorer 11 上运行它？

编辑

我也试过这样的:

@HostListener('window:scroll', ['$event'])
track(event) {
    console.debug("Scroll Event ", document.body.scrollTop); // Result: "Scroll Event 0"
}

@HostListener('window:scroll', ['$event'])
track(event) {
    console.debug("Scroll Event ", this.scrollY); // Result: "Scroll Event undefined"
}

Answer 1

https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollY

Internet Explorer: No support

你可以使用类似的东西:

return {
  x: window.pageXOffset || document.documentElement.scrollLeft,
  y: window.pageYOffset || document.documentElement.scrollTop
};

https://github.com/ReactTraining/react-router/issues/605