🔰coordinates
browser ⟩ concepts ⟩ coordinate system
There are 3 different coordinate systems:
document coordinates
viewport coordinates - also called "window coordinates".
container coordinates - relatively positioned container with top/left = 0.
👉 window window scrolling
window.scrollTo() takes the x and y coordinates in document coordinates.
👉 CSS position
"position" "top/left" relative to removed from flow
-----------------------------------------------------------------------
fixed `viewport` ✅
relative where it should be ❌
absolute `document` / nearest positioned parent ✅
Last updated
Was this helpful?