L'alternativa JavaScript al metodo .position() di jQuery

JavaScript offre un semplice modo per ottenere le coordinate di un elemento relative al suo genitore.

La soluzione è la seguente:

var position = function(el) {
    var rect = el.getBoundingClientRect();
    var rectParent = el.parentNode.getBoundingClientRect();
    
    var coordsParent = {
      top: rectParent.top + document.body.scrollTop,
      left: rectParent.left + document.body.scrollLeft
    };
    var coords = {
        top: rect.top - coordsParent.top,
        left: rect.left - coordsParent.left
    };
    
    return coords;
};