JAVASCRIPT

js get element distance from top

const el = document.getElementById('id')
const elDistanceToTop = window.pageYOffset + el.getBoundingClientRect().top

js distance from top

document.getElementById("id").offsetTop

javascript element distance from top

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

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

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