calculateTotalOffsetTop() & calculateTotalOffsetLeft() - Recursive totalOffset of an $element, to calculate it's position relative to the whole page.

calculateTotalOffsets.js

function calculateTotalOffsetTop (elem, total){
  total = total || 0;
  total = elem.offsetTop + total;
  if (elem.offsetParent) return calculateTotalOffsetTop(elem.offsetParent, total)
  else return total;
}

function calculateTotalOffsetLeft (elem, total){
  total = total || 0;
  total = elem.offsetLeft + total;
  if (elem.offsetParent) return calculateTotalOffsetLeft(elem.offsetParent, total)
  else return total;
}

⭐ Usage:
var $selector = document.querySelector('#myDiv')
calculateTotalOffsetTop($selector)

Please notice:

• The second parameter of the functions is "for internal use". No need to put anything (or just put zero).