JavaScript Element_position Guide
Getting element position and dimensions is essential for tooltips, dropdowns, drag-and-drop, and custom layouts. The guide walks through getBoundingClientRect. `element.getBoundingClientRect()` — {top,right,bottom,left,width,height,x,y} relative to viewport. Sub-pixel precision. Use `window.scrollY` for document coordinates. `element.offsetTop/Left` — relative to offsetParent. `element.clientWidth/Height` — visible area. `element.scrollWidth/Height` — total content. The guide is organized into 1 sections that build on each other, each pairing a prose explanation with runnable code. Related guides: Arrays, Strings, Numbers, Math, Date. This is one of 145 JavaScript guides on JS Reference — see the full list on the guides page. Practice what you learn in the JavaScript playground, and look up any unfamiliar term in the JavaScript glossary.