Hello there
I have an element with fixed position, I can't detect position and must be use javascript clearly, without frameworks (jquery, mootools, etc).
Asked
Active
Viewed 8,574 times
9
-
1Possible Duplicate : http://stackoverflow.com/questions/442404/dynamically-retrieve-the-position-x-y-of-an-html-element – Pranav 웃 Jan 11 '13 at 06:45
4 Answers
11
Use:
var boundingBox = node.getBoundingClientRect();
Check out the result, you have an object like this:
top : 0,
right : 0,
bottom : 0,
left : 0,
width : 0,
height : 0
Totty.js
- 14,848
- 29
- 100
- 171
5
Does this help:
document.getElementById('id').offsetLeft // + window.scrollX
document.getElementById('id').offsetTop // + window.scrollY
You might want to look at : This Question
Community
- 1
- 1
Akhil Sekharan
- 12,177
- 6
- 37
- 56
-
If you want to get the same result as what jQuery gives, you need to minus margin. – Qian Chen Apr 06 '18 at 00:15
2
function findPos(obj) {
var curleft = curtop = 0;
if (obj.offsetParent)
do {
curleft += obj.offsetLeft;
curtop += obj.offsetTop;
} while (obj = obj.offsetParent);
return [curleft,curtop];
}
Samuel Liew
- 72,637
- 105
- 156
- 238
-
You have a syntax problem first of all, you open the "{" (look at "if (obj.offsetParent) {" ) but you don't close it! Anyway this doesn't work for scrolled divs. – Totty.js Sep 23 '14 at 13:30
