javascript - 在javascript中获取div位置(顶部)？

Question

一个 div 我使用 top:-26px; 在 css 中设置高度。我有其他 div 其他地方我想与那个 div 对齐。我注意到在 jquery 中编写 .css('top') 得到了我的 css 而不是 div 的 y 坐标。我如何使用 javascript 获取绝对 x,y 位置？

Answer 1

我会给你普通的解决方案..不要提示..在你的元素中添加一个 [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;