Get the Y position of “position: fixed” element with pure javascript

Question

Is there any way to get the current Y position of an element that has "position: fixed" set in CSS? I just need to know the distance that this element is away from the top of the document in any way that uses pure javascript.

If that is not possible, I want to know why it is not possible in terms of logic.

Thanks!

Answer 1

Use offsetTop property.

 var d = document.querySelector('div'); console.log(d.offsetTop); 

 div{ position:fixed; top:50px; background:red; width:50px; height:50px; } 

 <div> </div>