Как получить clientHeight в Angular?

Question

Я пытался получить высоту клиента при прокрутке страницы:

@HostListener('window:scroll', ['$event']) onScrollEvent($event) {
   if ($event.scrollHeight - $event.scrollTop === $event.clientHeight) {
    console.log('scrolled to the end');
  }
});

Мне нужно определить, прокручивал ли пользователь до конца страницы

Answer 1

Я думаю, вы можете сделать это следующим образом ( см. Этот пост для других решений , и эту статью для этого решения ):

@HostListener("window:scroll") onWindowScroll() {
    let scroll = window.pageYOffset ||
                 document.documentElement.scrollTop ||
                 document.body.scrollTop || 0;

    const max = document.documentElement.scrollHeight -
                document.documentElement.clientHeight;

    if (scroll === max) {
        alert('Bottom');
    }
}

См. Демонстрацию Stackblitz здесь

Answer 2

Чтобы получить высоту:

 var height = $window.innerHeight;