How to get the distance from the top for an element?

Question

I want to know how to use JavaScript to get the distance of an element from the top of the page not the parent element.

Answer 1

Easy vanilla way:

document.querySelector('your-element').getBoundingClientRect().top