Tarayıcı görüntü alanı içinde div pozisyonunu almak mümkün mü? Belge içinde değil. Pencerenin içinde

Question

Bu, IE7 veya Firefox'ta yapılabilir mi?

Answer 1

Her ikisinde de yapabilirsiniz - belgeye göre konumu alın ve kaydırma konumunu çıkarın.

var e = document.getElementById('xxx'); 
var offset = {x:0,y:0}; 
while (e) 
{ 
    offset.x += e.offsetLeft; 
    offset.y += e.offsetTop; 
    e = e.offsetParent; 
} 

if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) 
{ 
    offset.x -= document.documentElement.scrollLeft; 
    offset.y -= document.documentElement.scrollTop; 
} 
else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) 
{ 
    offset.x -= document.body.scrollLeft; 
    offset.y -= document.body.scrollTop; 
} 
else if (window.pageXOffset || window.pageYOffset) 
{ 
    offset.x -= window.pageXOffset; 
    offset.y -= window.pageYOffset; 
} 

alert(offset.x + '\n' + offset.y); 

Answer 2

the dimensions jQuery plugin'u deneyin. Bakınız this demo.

$('#myelement.').offset(); 

Answer 3

Sen ancak çok basit bir sayfada, document.body.scrollTop

Bu IE7 ve FF3 üzerinde çalışmak gibi görünüyor dan div offsetTop çıkarma olabilir. Yuvalanmış DIV'leri kontrol etmedim.

Answer 4

Prototip kullanarak olurdu:

IE ve Firefox 3'te

$('divname').viewportOffset.top 
$('divname').viewportOffset.left 

Answer 5

, bunun için getBoundingClientRect kullanabilirsiniz; çerçeve gerekli değildir.

Ancak, diğer tarayıcıları da desteklemeniz gerekiyorsa, bir çerçeve kullanmalısınız.

Answer 6

yerli getBoundingClientRect() yöntem artık uzunca bir süredir ve soru sorar tam olarak ne yapar gelmiştir [cevap yapıştırılıyor ben here verdi]. Artı tüm tarayıcılarda desteklenir (IE 5 dahil, öyle görünüyor!)

this MDN sayfasından:

döndürülen değer salt okunur sol içeren bir TextRectangle nesnesidir, üst, sağ ve alt numaralı görünümün sol üst köşesine göre üst soldaki numaralı piksel ile sınır kutusunu açıklayan özellikler.

Öyle gibi kullanabilirsiniz:

var viewportOffset = el.getBoundingClientRect(); 
// these are relative to the viewport, i.e. the window 
var top = viewportOffset.top; 
var left = viewportOffset.left;