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

As far as i know .offset() get the distance between the current scroll position and the top of the document.

You need to use this: $("li.test").position().top

Answer 2

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

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

Answer 3

Rob W's answer is correct - that will give you the offset from the top of the full page.

If you want to get the offset from the top of the viewable screen, you should do this:

var viewableOffset = $("#li.test").offset().top - $(window).scrollTop();

Hope that helps!

Answer 4

Use $(element).offset().top and add height of existing fixed elements on the page to it to make it more accurate.