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.
Using jQuery's offset() method:
$(element).offset().top
Example: http://jsfiddle.net/yZGSt/3/