如何处理角材料中的窗口滚动？

Question

@HostListener("window:scroll", []) 与 angular 一起工作正常，但是当我们使用材料时它不起作用，因为<mat-drawer-container fullscreen> 标签它实际上会占用浏览器高度并在其中滚动。 我的意思是实际的窗口没有滚动。所以问题来了。 那么我的问题是当<mat-drawer-content></mat-drawer-content>滚动而不是窗口滚动时如何触发事件

Answer 1

mat-drawer-content 有方法 elementScrolled()，它返回一个 Event 类型的 Observable。检查API参考https://material.angular.io/components/sidenav/api