how to find the vertical distance from top in px of an element using jQuery

Question

How do I find the vertical distance from the top of the page to where the element exist in the DOM using javascript/jQuery?

I\'ve something like

Answer 1

Use .offset() to get the distance between an element and the top of the document:

$("li.test").offset().top