jquery - 查找 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;