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中也調用這個方法就解決了。 因為當您重新加載頁面時，不會觸發滾動事件，因為您沒有滾動。