Динамически проверять смещение вершины div

Question

Я пытаюсь предупредить сообщение, когда uswr прокручивает 50px в div, но это не работает:

function handleScroll() {
  console.log('scrolling... ', this.offsetTop);
  if(this.offsetTop > 50) alert('scrolled more than 50px!');
}
document.getElementById('a').addEventListener('scroll', handleScroll);

Что происходит? кодовая демонстрация

Answer 1

function handleScroll() {
 alert('scrolling... '+ this.scrollTop);
  if(this.scrollTop > 50) alert('scrolled more than 50px!');
 }
document.getElementById('a').addEventListener('scroll', handleScroll);