Cacher is the code snippet organizer for pro developers

let p = document.querySelector('p');
let pHeight = parseInt(window.getComputedStyle(p).height) * -1;
// console.log(p.clientHeight )

document.addEventListener('scroll', (e) => {
    if(p.getBoundingClientRect().top === 0) {
      console.log('arrive to this ele');
    }

   if(p.getBoundingClientRect().top === pHeight) {
      console.log('leave ele');
   }
});