Tag Archives: getBoundingClientRect

Getting size and position of the scaled element

var el = document.getElementById("main_menu"); var details = el.getBoundingClientRect(); Futher reading: http://ejohn.org/blog/getboundingclientrect-is-awesome/

Getting the position and size of the element in the viewport

var rect = object.getBoundingClientRect(); Returns rect.top rect.left rect.right //Relative to left rect.bottom //Relative to right rect.width rect.height Bug in IE < 8 IEs adds 2px to each property (left, top, right, bottom) which have to be substracted manually. Suppored in all browsers.