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;
};