Obtener la posición div (arriba) en javascript?

Question

Un div establece la altura en css usando top:-26px;. Tengo otros divs en otros lugares donde me gustaría alinearme con ese div. Noto en jquery escribiendo .css('top') me da mi css y no la y coord del div. ¿Cómo obtengo la posición x, y absoluta usando javascript?

Answer 1

Puede utilizar jQuery(element).offset().top

espero que ayude.

Answer 2

Con JavaScript estándar:

var elem=document.getElementById("elemID"); 
var top=elem.offsetTop; 
var left=elem.offsetLeft; 

con jQuery:

var top=$("#elemID").offset().top; 
var left=$("#elemID").offset().left; 

Answer 3

probar este código:

function getElementPosition(id) { 
    var offsetTrail = document.getElementById(id); 
    var offsetLeft = 0; 
    var offsetTop = 0; 
    while (offsetTrail) { 
     offsetLeft += offsetTrail.offsetLeft; 
     offsetTop += offsetTrail.offsetTop; 
     offsetTrail = offsetTrail.offsetParent; 
    } 

    return { 
     left: offsetLeft, 
     top: offsetTop 
    }; 
}​ 

Se devolverá un objeto con left y top variables.

Si utiliza jQuery tratar offset() método:

var pos = $("#element").offset(); 
console.log(pos.left) 
console.log(pos.top) 

Answer 4

Yo te daré la solución de vainilla .. no se quejan .. añadir a [0] a su elemento y está arreglado! : P espero que esto ayude.

function getOffset(el) { 
    var _x = 0; 
    var _y = 0; 
    while(el && !isNaN(el.offsetLeft) && !isNaN(el.offsetTop)) { 
     _x += el.offsetLeft - el.scrollLeft; 
     _y += el.offsetTop - el.scrollTop; 
     el = el.offsetParent; 
    } 
    return { top: _y, left: _x }; 
} 
var x = getOffset(document.getElementById('yourElId')).left; 

Answer 5

Uso de jQuery (elemento) .offset()

espero que ayude.

Por ejemplo

var elementPosition = jQuery(element).offset(); 
var elementTopPositon = elementPosition.top; 

Answer 6

entre navegadores segura a Internet Explorer 8, posiblemente incluso 7 o 6:

function offset(el) { 
    var rect = el.getBoundingClientRect(), 
    scrollLeft = window.pageXOffset || document.documentElement.scrollLeft, 
    scrollTop = window.pageYOffset || document.documentElement.scrollTop; 
    return { top: rect.top + scrollTop, left: rect.left + scrollLeft } 
} 
var offsetEl = offset(document.getElementById('some_id')); 
console.log(offsetEl.left, offsetEl.top); 

corto y rápido y no necesita jQuery.