Get element position on a screen

getPosition.js

function getPosition(element) {
  var xPosition = 0;
  var yPosition = 0;

  var topContainer;
  while(element) {
    xPosition += (element.offsetLeft - element.scrollLeft + element.clientLeft);
    yPosition += (element.offsetTop - element.scrollTop + element.clientTop);
    if(!element.offsetParent) topContainer = element;
    element = element.offsetParent;
  }

  var topContainerTagName = topContainer.tagName.toLowerCase();
  if(topContainerTagName === 'body' || topContainerTagName === 'html'){
    yPosition += $window.scrollTop();
    xPosition += $window.scrollLeft();
  }

  return { x: xPosition, y: yPosition };
}