Получить позицию div (вверху) в javascript?

Question

Один div i задает высоту в css, используя top:-26px;. У меня есть другие divs другие места, где я хотел бы выровняться с этим div. Я замечаю, что в jquery writing .css('top') получает меня мой css, а не координату y div. Как получить абсолютную позицию x, y с помощью javascript?

Answer 1

Вы можете использовать jQuery(element).offset().top

Надеются, что это помогает.

Answer 2

Со стандартным JavaScript:

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

С JQuery:

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

Answer 3

Попробуйте этот код:

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 
    }; 
}​ 

Он возвращает объект с left и top переменных.

Если вы используете JQuery попробовать offset() метод:

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

Answer 4

Я дам вам решение ванили .. не жалуется .. добавить [0] к вашему элементу, и это исправлено! : P надеюсь, что это поможет.

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

Использование JQuery (элемент) .offset()

Надеется, что это помогает.

Например

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

Answer 6

Кросс-браузер безопасного вниз IE 8, возможно, даже 7 или 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); 

Короткие и быстро, и нет необходимости JQuery.