[Detect Scroll To Bottom] Detect Is User Scroll To Element Bottom #javascript #html

detect-touch-bottom.js

## Reference: https://stackoverflow.com/questions/45585542/detecting-when-user-scrolls-to-bottom-of-div-with-react-js
function isBottom(el) {
  return el.getBoundingClientRect().bottom <= window.innerHeight;
}

function trackScrolling() {
  const wrappedElement = document.querySelector(<target>);
  if (isBottom(wrappedElement)) {
    console.log('header bottom reached');
    document.removeEventListener('scroll', this.trackScrolling);
  }
}

function listen(el) {
  el.addEventListener('scroll', trackScrolling);
}

function unlisten(el) {
  el.removeEventListener('scroll', trackScrolling);
}