Angular - Hostlistener window:scroll function does not called after page reload

Question

I have used following HostListener to sticky a menu top of page when scolling down.

sticky = false;

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

It works well but after reload the page, The handleScroll() function is not callled

Answer 1

Call this method also in ngOnInit and then it is solved. Because when you reload page, the scroll event is not fired, because you do not scroll.