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

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

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