找到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

可以使用jQuery函數的位置來得到元素的位置/元素 http://api.jquery.com/position/

Answer 3

您可以使用offset，如果你想他們相對於文檔：

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

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

Answer 4

加入這個答案對於那些希望找到這個沒有jQuery的：

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

或對於那些喜歡挑剔的人：

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