Getting a div scroll position using javascript.

Question

I have one button in a div tag. That div tag also has a vertical scroll bar.

If I scroll that bar and click on the button which is inside that div, it should return the scroll position as an alert message.

How to do that using JavaScript?

You could do this pretty easily with jquery. Is that an option? — Matt
– Matt, Commented Sep 6, 2011 at 7:41
Possible duplicate of retrieve Scrollbar position with javascript — Félix Adriyel Gagnon-Grenier
– Félix Adriyel Gagnon-Grenier, Commented Dec 31, 2015 at 11:21

James Allardice · Accepted Answer · 2011-09-06 07:51:34Z

2

The scrollTop property tells you the vertical scroll position:

document.getElementById("yourButton").onclick = function() {
   alert(document.getElementById("yourDiv").scrollTop); 
}

answered Sep 6, 2011 at 7:51

James Allardice

166k22 gold badges335 silver badges316 bronze badges

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

1 Answer 1