scrollBottom

by Alexey Zakharov

HTML

<div class="test">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem vel amet, aperiam, molestiae recusandae omnis nam voluptas asperiores impedit veniam praesentium numquam eius perspiciatis architecto tenetur sapiente consectetur iusto molestias.</div>

CSS

.test {
  height: 150px;
  overflow: auto;
  width: 100px;
}

JavaScript

var elem = document.querySelector('.test');

console.log(elem.scrollHeight);
console.log(elem.scrollHeight - (elem.scrollTop + elem.clientHeight));