Check offsetTop of div dynamically on div scroll

Question

I'm trying to alert message when uswr scroll 50px in div but it doesn't work:

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

What's going on? codepen demo

Shrey Garg · Accepted Answer · 2018-09-19 19:18:29Z

1

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

answered Sep 19, 2018 at 19:18

Shrey Garg

829 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Shrey Garg Over a year ago

offset top just tell the co-ordinate of element vertically but scroll top tells the exact amount scrolled. up vote if you get this..

Collectives™ on Stack Overflow

Check offsetTop of div dynamically on div scroll

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related