HTML：了解居中的Div的絕對位置

Question

可以說我明白了： http : //puu.sh/6rqZc.jpg

假設我的畫布居中，我如何知道它的x / y或left / top屬性：

#canvas-container {
    width: 100px;
    height:100px;
    margin: 0px auto;
}

注意： $('#myCanvas')[0].style.top returns ""

Answer 1

您可以嘗試使用offset（） ，它將返回元素相對於文檔的坐標：

var eTop = $('#myCanvas').offset().top,
    eLeft = $('#myCanvas').offset().left;

Answer 2

我認為您需要.offset()或.position() ：

如果您需要絕對的左/上限值：

var offLeft = $('#myCanvas').offset().left;
var offTop = $('#myCanvas').offset().top;

如果需要相對定位的elem的左/上值：

var posLeft = $('#myCanvas').position().left;
var posTop = $('#myCanvas').position().top;

Answer 3

使用JQuery

$('#myCanvas').eq(0).offset();

// or

$('#myCanvas:first').offset();