#angular #scroll detect bottom on scroll

detect_bottom_on_scroll.js

<div (scroll)="onScroll($event)">
    ...
    ...
</div>



import { Component, HostListener } from '@angular/core';
    ...
    ...
@HostListener('scroll', ['$event'])
onScroll(event: any) {
    // visible height + pixel scrolled >= total height 
    if (event.target.offsetHeight + event.target.scrollTop >= event.target.scrollHeight) {
      console.log("End");
    }
}