How to detect if a div is scrolled to bottom?

Code

document.querySelector('.list').addEventListener('scroll',function(e){
    // console.log(e.target.scrollTop)
    // console.log(e.target.clientHeight)
    // console.log(e.target.scrollHeight)
    // console.log(Math.abs(e.target.scrollHeight - (e.target.scrollTop + e.target.clientHeight)))
       if(Math.abs(e.target.scrollHeight - (e.target.scrollTop + e.target.clientHeight)) < .5){
            console.log('reached bottom')
       }
})
};