找到div上方空间的高度

Question

我在网页的不同位置有一些带有唯一ID的div。我想找到div上方空间的确切高度（直到找到屏幕的起始位置），如下图所示，

有没有在jQuery中做到这一点？请帮我这样做，

此致

Answer 1

您可以使用.offset().top或.position().top：

console.log($('div[id]').offset().top); // it give you offset top of the document

console.log($('div[id]').position().top); // gives you the containers position 
                                          // from the top if container is 
                                          // relative positoned.

在小提琴中找到： http://jsfiddle.net/zVzBQ/

 $('div[id]').each(function () {
    console.log($(this).offset().top);
 });

Answer 2

如果您想要相对于文档，可以使用offset：

http://api.jquery.com/offset/

$('#a').offset().top

Answer 3

您可以使用jQuery函数位置来获取元素/元素的位置 http://api.jquery.com/position/

Answer 4

为那些想要在没有jQuery的情况下找到它的人添加这个答案：

var distanceTop = document.getElementById( 'elementId' ).offsetTop;

或者，对于那些挑剔的人：

var divId = document.getElementById( 'elementId' );
var distanceTop = divId.offsetTop;