Detect if user scrolled to the bottom of an element

detect-scroll-to-bottom.html

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

detect-scroll-to-bottom.ts

// Detect scrolling to the bottom of an element in the 

//.component.ts file

onScroll(event) {
    const tracker = event.target;
    const limit = tracker.scrollHeight - tracker.clientHeight;
    if (event.target.scrollTop === limit) {
      alert('Bottom reached');
    }
  }