Angular - Hostlistener 窗口：页面重新加载后不调用滚动函数

Question

向下滚动时，我已经使用以下 HostListener 将菜单粘贴到页面顶部。

sticky = false;

  @HostListener('window:scroll', ['$event'])
  handleScroll(): void {
    if (window.pageYOffset > 150) {
      this.sticky = true;
    } else {
      this.sticky = false;
    }
  }

它运行良好，但在重新加载页面后，不会调用 handleScroll() 函数

Answer 1

在ngOnInit中也调用这个方法就解决了。 因为当您重新加载页面时，不会触发滚动事件，因为您没有滚动。