تعیین فاصله المنت از اول صفحه

@Mesusjk
فانکشن offset توی jquery فاصله از top , left رو بهتون میده

$('#element').offset().top

تعیین موقعیت یک عنصر نسبت به صفحه:

function offset(el) {
    var rect = el.getBoundingClientRect(),
    scrollLeft = window.pageXOffset || document.documentElement.scrollLeft,
    scrollTop = window.pageYOffset || document.documentElement.scrollTop;
    return { top: rect.top + scrollTop, left: rect.left + scrollLeft }
}

// example use
var div = document.querySelector('div');
var divOffset = offset(div);
console.log(divOffset.left, divOffset.top);

منبع: https://plainjs.com/javascript/styles/get-the-position-of-an-element-relative-to-the-document-24/