Offset

Для блочных элементов offsetWidth и offsetHeight описывают границы блока элемента.

offsetTop, offsetLeft описывают расстояние до border body (padding body учитывается, а border body нет).

function getOffset (elem) {
  return {
    height: elem.offsetHeight,
    width: elem.offsetWidth,
    top: elem.offsetTop,
    left: elem.offsetLeft
  }
};                
            

• offsetTop - расстояние от elem border-top до body border-top.
• offsetHeiht - высота элемента без margin. Scroll элемента, если есть, то учитывается
• offsetWidth - ширина элемента без margin. Scroll элемента, если есть, то учитывается
• offsetLeft - расстояние от левой границы элемента (от border-left) до левого края body