jquery - divの上のスペースの高さを見つける

Question

Web ページのさまざまな場所に一意の 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なしでこれを見つけようとしている人のためにこの答えを追加します：

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

または、気まぐれな人のために：

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

Answer 4

jQuery 関数 position を使用して、要素の位置を取得できます http://api.jquery.com/position/