Как получить относительное положение объекта внутри прокручиваемого div?

У меня есть прокручиваемый div, тот, что слева на приведенном выше изображении.
В этом div существует много элементов, давайте сосредоточимся на одном из них (выделен серым) и назовем его A.

Правильное изображение представляет собой представление div с полным размером (без установки прокрутки или ширины), где A помещается без прокрутки.

Как я могу найти значение X (в зеленом цвете), имея в настоящее время левый div на странице.
т.е. принимая во внимание:

• Страница div на странице уже изменена.
• Страница div на странице прокручивается (и прокручивается)
• Я хочу x не y!

то есть. Как получить относительную координату y элемента внутри прокручиваемого div? простыми словами: как рассчитать x через javascript?

Ответы

var elementTop = document.getElementById('yourElementId').offsetTop;
var divTop = document.getElementById('yourDivId').offsetTop;
var elementRelativeTop = elementTop - divTop;